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?
To edit and link new pages in the menu of your Webflow site, you'll need to follow these steps:
1. Open your Webflow project in the Webflow Designer.
2. In the left panel, click on the "Pages" tab.
3. You'll see a list of all your site's pages. To edit an existing page, simply click on it.
4. To create a new page, click on the "+" icon next to the "Pages" heading.
5. Give your new page a name and choose its layout (or create a new layout).
6. Once the new page is created, you can start designing and adding content to it.
To add the new page to your site's menu:
1. In the Designer, click on the "Symbols" tab in the left panel.
2. Locate and select the menu symbol used on your site (e.g., "Navbar" or "Header").
3. With the menu symbol selected, go to the right panel and click on the "Settings" tab (gear icon).
4. In the settings, you'll find the menu structure. Here, you can modify, add, or remove menu items.
5. To add a new page to the menu, click on the "+" icon next to the menu structure.
6. You'll see a dropdown menu where you can select the page you want to link.
7. Choose your newly created page, and it will be added to the menu structure. You can reorder the menu items as needed by using the drag handles.
Regarding the scrolling effect issue while sharing the site, but it works fine in the editor, there could be a couple of reasons for this:
1. Interactions not being published: Webflow allows you to create interactions and animations using the built-in Interactions panel. If you have any scroll-based interactions on your site, make sure to publish them. When you make changes to interactions, animations, or scroll effects, you must click the "Publish" button at the top right of the Designer for the changes to go live on the published site.
2. Custom code conflicts: If you've added custom CSS or JavaScript code to your site, it's possible that those codes might be interfering with the scrolling effect. Check for any errors or conflicts in the browser console (Inspect > Console) when viewing the published site. If you find any errors, you'll need to debug and resolve them to restore the scrolling effect.
3. Third-party integrations or scripts: Some external tools, widgets, or scripts you've added to your site might conflict with the scrolling effect. Disable any third-party integrations temporarily and check if the scrolling effect starts working correctly. If it does, you can narrow down the conflicting integration and adjust accordingly.
If none of the above solutions solve the issue, I would recommend reaching out to Webflow's customer support or posting a question on the Webflow forums. Their team will be able to analyze your specific project and provide more tailored guidance.