In-page menus are floating menus that allow visitors to easily navigate to important pieces of content across your site. After adding and setting up an in-page menu, customize its design and layout to match your desired look.
Managing the menu items
Choose what you want to display on your menu. You can show or hide sections and anchors, as well as add new ones.
To manage items:
Click the in-page menu in your Editor.
Click Manage Menu.
Choose what you want to do with the 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.
Customizing the menu design
There are a range of cool, sleek in-page menu presets available to add to your site. After adding the menu, you can further design it to suit your desired look and aesthetic. Adjust the background color, the menu items and the spacing between them.
To customize the menu design:
1. Click the in-page menu in your Editor.
2. Click the Design icon .
3. Click Customize Design.
4. Click an option from the tab to customize the menu in the different states:
Regular: How the menu looks before a visitor has clicked an item.
Clicked: How the menu looks when a visitor has clicked an item.
5. Edit the menu using the following options:
Fill Color & Opacity: Click the color box to select a color for the button and text, and drag the slider to adjust the opacity.
Text: Customize the text using the following options:
Theme: Select a text theme from the dropdown menu.
Font: Choose a font for your text from the dropdown menu.
Font size: Drag the slider to increase or decrease the size of the text.
Formatting: Add an italic or bold effect to your text.
Spacing: Drag the slider to increase or decrease the text offset.
Choosing the menu's layout
As well as customizing the design of the menu, you can also choose the layout to match your site's alignment.
To choose a layout for your menu:
Click the in-page menu in your Editor.
Click the Layout icon .
Select whether to align the menu text to the left, center, or right.
Changing the position of your in-page menu
As in-page menus are floating menus, they are always visible to site visitors, no matter where they are on your page. You can easily change the position of the menu and its distance from the page's edges so it works with your layout.
To change your menu's position:
Click the menu on your page.
Click the Pinned icon .
Select a new position from the square.
(Optional) Drag the sliders to adjust the horizontal and vertical offset.