How can I expand and modify the main menu in Webflow to change the links and other content on my purchased template?
TL;DR
- Open Webflow Designer, locate and enter the navigation Symbol (e.g., Navbar/Header) to edit.
- Modify, add, or remove links in the Nav Menu, including dropdowns or mega menus if present.
- Check and adjust the menu in tablet and mobile views, then publish to apply changes site-wide.
To customize the main menu in your purchased Webflow template, you’ll need to locate the navigation element in the project and edit the links or structure directly in the Designer.
1. Locate the Navigation Symbol
- Open Webflow Designer and go to the page where the navigation menu appears.
- Most templates place the menu inside a Symbol, usually labeled something like Navbar or Header in the Navigator panel.
- Click the Symbol and hit “Edit Symbol” in the top right corner or double-click it to enter edit mode.
2. Modify Menu Links
- Identify the navigation links inside the Symbol. They're typically inside a Nav Menu element.
- Click each Link Block or Text Link to highlight it.
- In the Element Settings panel (D), update the link destination:
- Set it to an internal page (e.g., “Home”, “About”) by selecting the page from the dropdown.
- Or paste in an external URL if needed.
3. Add or Remove Menu Items
- To add a menu item:
- Duplicate an existing Link Block or List Item inside the menu using Right-click > Duplicate.
- Change its text and linking behavior as needed.
- To remove a menu item, simply select it and press Delete.
4. Modify Dropdowns or Mega Menus (if present)
- If the template includes dropdowns:
- Expand the dropdown in the Navigator or on the Canvas.
- Repeat the same link editing process inside the dropdown content.
- For mega menus, locate the structure (often hidden with display: none) and make changes similarly.
5. Update on Mobile Views
- Switch to Tablet, Mobile Landscape, and Mobile Portrait views.
- Check the menu in these layouts—many templates use a Hamburger Menu (Menu Button).
- Click the menu button to open the mobile nav, then edit links just like in desktop view.
6. Save and Publish
- Once edits are complete, click outside the Symbol to return to the main layout.
- If you were editing a Symbol, changes apply across all instances.
- Click Publish in the top-right corner to make changes live.
Summary
To change the links and content in your template’s main menu, edit the navigation Symbol in Webflow Designer, modify or add links in the Nav Menu, then check responsiveness for all devices. All changes are saved in the project and reflected site-wide when published.