Wix Editor: Adding and Setting Up an In-Page Menu
5 min read
In-page menus are a handy, eye-catching way for visitors to navigate your site. In-page menus float on your page, and are therefore always visible to your visitors as they navigate the site. They are most useful on one-page sites with several sections and anchors.
Step 1 | Set up sections and anchors on your site
The first step in setting up an menu is to add anchors and sections across your site. Sections are the building blocks of your pages. Use them to organize and display your content and information.
Anchors are used to mark all other information that may not be in sections, such as galleries or videos. You can build your site with either sections or anchors, or both.
To add a section to your page:
- Go to your editor.
- Click Add Section
on the left side of the editor.
- Click a category.
- Select your chosen section to add it to your page.
- Hover over the section and click the More Actions icon
.
- Click Section Settings.
- Enter the section name into the field and press the Enter key on your keyboard.
To add an anchor to your page:
- Go to your editor.
- Click Add Elements
on the left side of the editor. - Click Menu & Anchor.
- Click the anchor under In-Page Navigation, or drag it the relevant location on your page.
- (Optional) Rename the anchor.
- Click the anchor and click Rename.
- Enter the anchor name into the field and press the Enter key on your keyboard.
- Repeat steps 1-4 as needed.
Important
We recommend attaching no more than one anchor to a segment on your site. Attaching more than one may cause issues for visitors using screenreaders or keyboards to navigate.
Step 2 | Arrange the anchors in the layers panel
After placing anchors on your site pages, open the Layers panel to arrange them. Your anchors should be placed right above the relevant strip or content – this ensures that when visitors click them in the menu, they're brought to the correct content.
Want to re-order your sections?
Click the relevant section in the editor, then click the Move up 
or Move down 
icons to rearrange the sections on your page. Learn more about reordering sections
or Move down icons to rearrange the sections on your page. Learn more about reordering sectionsTo arrange your site anchors:
- Click the Layers icon
on the bottom-left of the editor.
- Drag each anchor to be before the strip / content that it's attached to.
Step 3 | Add an in-page menu
After adding anchors or sections to your site, add an in-page menu to display and list them. The menu is pinned to the screen, so it's always visible on your site. This makes navigating easy for your visitors, and you can always change the location of the menu as needed.
To add a menu:
- Click Add Elements
on the left side of the editor.
- Click Menu & Anchor.
- Click In-Page Menu.
- Click or drag your chosen menu to add it to your site.
Step 4 | Manage the menu items
By default, all anchors and sections are displayed on your in-page menu. You can manage anchors and sections on your in-page menus by adding new items, or deleting them as needed.
To manage items in the in-page menu:
- Click Manage Menu and choose how you want to manage your items:
- Select or deselect the box next to the anchor and section names to hide or display them in the menu.
- Click Add New Anchor to create a new anchor and display it in the menu.
- Click Add New Section to create a new section and display it on the menu.
Notes:
- New anchors are automatically added to the top of your page. You can adjust their position by dragging them.
- Your anchors and sections are displayed on the menu in the order that they appear on the page (top to bottom). It is not possible to change the order of anchors / sections in an in-page menu.
- In-page menus are not displayed on your mobile-friendly site.
Did this help?
|