Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by samfiskdesign

  1. @Ziggy Appreciate your help, thanks. That works - realised I had the drop down set to css not html. One more question, is there a way to add a smooth 'scroll' transition when I click on the arrow? (Currently it just jumps to the next section) This is the code I'm using:
  2. @Ziggy Hello, Thanks - I tried that way (with code block) but doesn't seem to be working for me. Just showing as plain text on my site. Also, supposedly this results in a 'round box with 2 lines going down' according to OP, I'd like an arrow similar to my example if possible!
  3. Hello, I've been trying to find a way to add a scroll down arrow to my pages, but no luck. I'd like it exactly like this example: http://steven-banks.com/ I'm on the personal plan, so looks like code injection isn't an option, is there a way to do this with css? site: samfiskdesign.co.uk password: sfd123 Thanks, Sam
  4. Hello, Thank you but that's not what I meant - this is how I'd like it to be. Still aligned to the left, half way up the screen. Social icons aligned to the bottom margin
  5. Site URL: https://samfiskdesign.co.uk/ Hello, I'm currently using this code to make my CTA button appear next to the hamburger in mobile view. .header-menu-nav-folder[data-folder="root"] { height: auto !important; min-height: auto !important; } However it has brought the other elements to the top of the screen as well. How do I: a) Align the nav items to the horizontal centre of the screen b) Align the social icons to the bottom of the screen I've tried adjusting top margins for both but would prefer it to be responsive if possible. Help would be appreciated!
  6. Hello, I'd like to remove the underlines from all navigation links (header and sitewide) and replace with bold text (on rollover and selected page) I've looked on various forums on how to remove underlines but nothing has worked so far. I've tried the following: .header-nav-item--active a { background-image: none; } .header-nav-wrapper a { background-image: none !important; } /* styling link underlines sitewide */ .sqs-block-html a {background-image:none!important;} .sqs-block-html h1 a, h2 a, h3 a, h4 a, p a { border-bottom-style: none !important; text-decoration-line: none !important; } I would have thought something like this would be easy to change. I'm sure it's possible but my knowledge of CSS is limited. Any help would be appreciated!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.