Webflow sync, pageviews & more.
NEW

How can I edit and link new pages in the menu of my Webflow site? Additionally, why is the scrolling effect not working when I share the site but works in the editor?

TL;DR
  • Add new pages in Webflow Designer, update the Navbar by linking to them via the Link Settings panel, then publish the site to apply changes.
  • If scroll effects don’t work live, ensure interactions are correctly set, all pages are published, and test using the direct site URL outside of iFrames.

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.


  • 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.

3. Fix Scrolling Effects Not Working on Shared Site

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.

Rate this answer

Other Webflow Questions