Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
justbcuz73

Index Page Anchor Links Covered by Fixed Nav

Question

Site URL: https://haddock-collie-439x.squarespace.com/services

Hi,

I am  working in Brine in 7.0. I am using direct hyperlinks to create anchor links to individual sections of an index page. (See "Services" menu for an example.) Because I am also using a fixed header, when the link is clicked, the browser jumps to the correct section but the title and first few lines of text of the section are hidden behind the main navigation. Can't for the life of me figure out how to get it to bump down the required 120px to display correctly. Would love any help, please!

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

Do you have a business/commerce account, or a personal one?


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...