Anchor links don't anchor sections to the top of the browser!

Design help General
1

Hi all,
On the “About” page of the site I’m designing, I have buttons at the top (“Services” and “Our Approach”) that anchor to the respective sections below. However, I can’t get them to anchor to the top of the browser; rather, when you click a button it scrolls you down the page until the respective section is just below the browser window. Straaaaange.

Any ideas?

Here is my public share link: https://preview.webflow.com/preview/the-write-advantage-prototype?preview=b69c322a02840b37e862171e67a4d5b0

2

Can you share of what button does not work and on what page? Thanks.

3

Hi @switchboard, take a peek at this post, which shows the styling need to make sure that smooth section scrolling properly aligns your sections.

I hope this helps!

1 Like
4

Thanks, @cyberdave!

Looks like the smooth-scroll was treating the bottom of my fixed-left-nav as the top of the page. For lack of a better idea, I just created a fake fixed header at the actual top of the page to override/trick the script. It’s working now.

5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.