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.
Live site showing an in-page menu.

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:

  1. Click Add Section  on the left side of the Editor.
  2. Click a category.
  3. Select your chosen section to add it to your page.
  4. Hover over the section and click the More Actions icon .
  5. Click Rename Section.
  6. Enter the section name into the field and press the Enter key on your keyboard.
Add section panel in the Editor.

To add an anchor to your page:

  1. Click Add Elements on the left side of the Editor.
  2. Click Menu & Anchor.
  3. Click the anchor under In-Page Navigation, or drag it the relevant location on your page.
  4. Click the anchor and click Rename.
  5. Repeat steps 1-4 as needed.
The add elements panel in the Editor. The cursor is hovering over the option to add an anchor.
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

To arrange your site anchors:

  1. Click the Layers icon on the bottom-left of the Editor.
  2. Drag each anchor to be before the strip / content that it's attached to.
A GIF showing anchors being arranged in the Layers panel.

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:

  1. Click Add Elements on the left side of the Editor.
  2. Click Menu & Anchor.
  3. Click In-Page Menu.
  4. Click or drag your chosen menu to add it to your site.
  5. (Optional) Click the Pin to Screen icon   on your anchor menu to change its location on your page.
The add elements panel in the Editor. The cursor is hovering over an in-page menu design.

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.
The manage menu panel of an in-page menu in the Editor.
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?

|