Custom menus

Site menus are crucial to help users navigate and accomplish what they set out to do on a site. On Editor X, you can create and manage multiple menus on any site. Create different menus at each breakpoint or on different pages for granular control over site navigation.

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.

The Add panel is open in the editor with the menu and search section highlighted. The cursor has selected the horizontal menu option and the different horizontal menus are visible in the right section of the panel

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.

A website in the editor with a dark, burnt orange background with a horizontal menu added to the top right. There is a home item, and from the floating action bar the manage menu panel is open with the cursor hovering over add new item. The options to select site pages, links or a submenu title are visible

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.

A website in the editor with a dark background and menu to the top right. There are four menu items, and in the manage menu panel you can see the additional items are displayed. The cursor is hovering over different options to manage one of the items.

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.

The menu is selected and the manage menu panel is open in the editor. The cursor is hovering over the option to move one of the menu items to a submenu

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.

The website with a dark orange background has three menu items visible. From the manage menu panel, the cursor is selecting the option to add a submenu title to create a non-clickable submenu

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.

The dropdown in the manage menu panel is open with two different site menus, a new menu or tablet menu

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.