Navbar link scrolls halfway down the page

Design help General
1

Hey!

So, Webflow provides a way to scroll automatically to anchors (meaning ID’s of elements).

You can select those element as a target in the link settings of any link text or link block (NavBar link in my case).

I’m using this exact same method to link my sections with my NavBar links, but when I click the link, it does not scroll all the way down to the section, it gets stuck halfway down the page.

I’ve been looking for a solution to this problem but I couldn’t find any, hope someone can help me and others with the same problem.

Thank you!

(Edit): This is my first post by the way, tell me if I some more info is needed. Thanks!

Here is my site Read-Only: https://preview.webflow.com/preview/a-way-how?utm_medium=preview_link&utm_source=designer&utm_content=a-way-how&preview=904f3db47f6fa2c9d65ced851352f685&workflow=preview

2

Hi @Pol_Pages, just had a quick look - think this has something to do with your navmenu/navbar.

Tried a bit of process of eliminiation and seems to be jumping the bottom of the screen to the top of the section where the ID is.

I turned the navbar from fixed to static, pressed the ‘features’ button and this seemed to work fine (you might want to test this also).

I have to dash so couldn’t have an indepth look sorry, however have a play around with that side menu to see if you can’t find the answer.

1 Like
3

hi @Pol_Pages I have also looked into your project and the issue is related to your navbar positioning.

here is short video how your issue can be solved

1 Like
4

Thank you so much! Never thought the positioning of the navbar was the problem. The video explains itself 100%. The issue is now solved.
Thanks again! Webflow has such an awesome community.

2 Likes