Adding a menu
Find menu components in the Add panel under Menu & Search. Choose from horizontal menus, styled horizontal menus, anchor menus, vertical menus or hamburger menus, and drag the one you want onto the canvas.

Adding menu items
The first menu component you add to a site has one item by default: Home. Open Manage Menu to set up your menu data. To add additional menu items, click Add New Item. You can choose from existing site pages, external links or a submenu title.

Managing menu items
Click on the 3 dots next to an item to change the link, rename the item, move it to a submenu, remove it from the menu and adjust the page settings.

Adding a submenu
To create a submenu (also called a dropdown menu), drag the relevant page below the main item you want it to appear under. Choose Move to Submenu. To add more submenu items, drag and drop them under the main item.

Adding a non-clickable submenu
You can create a non-clickable menu item with a dropdown that appears on hover. Under Manage Menu, go to Add New Item and add a Submenu Title. Name the non-clickable menu item, and drag pages under this item so they appear in the dropdown.

Adding multiple site menus
To change the navigation menu on different parts of your site, you can add multiple menus.
To add another menu to your site, drag in a new one from the Add panel. The new menu automatically shows the same data as the first one added. To display different items in the new menu, go to Manage Menu and from the dropdown choose Manage Site Menus and Add New Menu. Then, you can choose a name and set up which items to display.

Different menus per breakpoint
Keep in mind that deleting a menu or menu item affects all breakpoints. To change a menu at different breakpoints, best practice is to hide the existing menu and add a new one.
For example, you might want your main menu to be horizontal on desktop and tablet, but hamburger style on mobile. In this case, go to the mobile breakpoint, right click the horizontal menu component and select Don’t Display. Next, drag in a hamburger menu. You can choose the data to display from the Manage Menu panel.

EXPLORE MORE TUTORIALS
Was this lesson helpful?
Thank you for your feedback!