0
Under review

Sticky Header partially overlaps anchor links

Ken T 3 years ago updated by support (Support) 3 years ago 1

If you have Sticky Header enabled and you configure an anchor link to a subpage, when you click on the link that leads to that anchor, the top part of the page that you're taken to is covered by the Sticky Header.

-1
Under review

Thank you for contacting us Ken!

I was able to replicate the behavior you described and found a solution that might work for you. Open up the Custom CSS editor and add the following code.

html {
  scroll-padding-top: 170px;
}

The 170 pixels used in my example code worked for my testing site, but you might need to adjust the value to get the correct offset to match your website's sticky header.

Hopefully that solution works for you and please let us know if you have any other questions for us!