To edit and link new pages in your site menu and resolve issues with scrolling effects not working on the published site, follow these steps.
1. Edit and Link New Pages in the Menu
- Create or go to your new page in the Webflow Designer using the Pages panel.
- Select your navigation menu (Navbar) in the canvas.
- Inside the Navbar, click the element you're using for navigation links (usually a Link Block or Text Link).
- To add a new link:
- Duplicate an existing link or drag a new Text Link or Link Block into the Nav Menu element.
- With the link selected, go to the Element Settings panel (D key).
- Under Link Settings, choose Page and then select the page you want to link to in the dropdown.
- Optionally update the Link Text to reflect the new page’s name.
- You can also link to external sites or anchors by selecting URL or Section under Link Settings.
2. Publish the Updated Site
- After making menu changes, click the Publish button in the top right of the Designer window.
- Choose your domain(s) and click Publish to push changes live.
- Remember, links to unpublished pages won’t work until the full site is re-published.
If scrolling animations (e.g., scroll-triggered interactions) work in the Webflow editor but not on the live published site, common causes include:
- Missing page publish: Animations may be tied to page elements that haven't been published yet.
- Interaction targets aren't public or visible: Make sure all IDs, classes, and display settings are correct on live pages.
- Scroll interactions not bound correctly: Double-check Webflow Interactions panel to ensure triggers are assigned to published elements.
- Browser extensions or iFrames: Sharing your site inside an iFrame (such as on a 3rd-party preview tool) may block scroll events. Share the direct Webflow staging or custom domain URL instead.
- Animation dependency on initial states: Ensure interactions include initial states that fire correctly on load, not only on scroll.
4. Test Your Live Site
- Always check your changes on the published site, not just in preview.
- Use Incognito mode or another device/browser for clean testing.
- Use browser developer tools (e.g., Chrome DevTools) to inspect elements and console logs if interactions fail.
Summary
To update your site’s menu in Webflow, manually add and link new pages within the Navbar using the Designer’s Link Settings. If scroll effects work in the editor but not live, review your interaction settings, publish all pages, and ensure you’re testing the direct published link — not through iFrames or previews.