I have a one-page website with different sections. When I tie my nav links to the sections (i.e. About Us link to the About Us section), the smooth scroll goes beyond those sections. For example, if I click my About Us link, the page scrolls and stops just past the About Us section. I tried the suggestions on this post, Getting Webflow's smooth scroll script to align correctly with fixed headers/navigation, but it didn’t help. Now, if I do this in the preview screen it’s fine, but if I go to the published site, it has this problem. Here is my share link: https://preview.webflow.com/preview/stylus-web-designs?preview=4adb04642c5d353b88b104b3515de96d
Here are some pics. The first two are from the preview mode where the scroll works and the correct nav link stays highlighted blue.
Here are the pics from the published site where the scroll doesn’t work.
Notice how the nav bar is covering part of the About Us heading, and the Services nav link is highlighted blue instead of the About Us nav link.