Each website needs a menu bar so that website visitors can easily navigate through the website. In the Editor, you have different options to create the menu for your website.
Table of contents
Create a menu
All templates are already designed with a menu. If you want to add a menu on a new or empty subpage - or use a different menu design, you can select one from our pre-built menu sections. You will find them in the Header category in the left sidebar.
Once you have added a menu section, you can double-click on the menu element inside to open the settings panel on the left side.
Here you can decide if you want the menu to be automatically (Auto) created or if you want to configure the menu on your own - which would be the Custom option.
- Auto: When you select Auto the menu will be automatically generated by using the subpages you have added under Pages for this website. So this is only possible if you have a multi-page website. If you want to exclude certain subpages from being seen in the menu, you can go to Pages, click on the settings icon for your desired page, and disable the Menu checkbox under Settings. To change the order of the menu items, simply use drag and drop to move the pages to their position.
- Custom: A custom menu is necessary if you have a one-page website with different sections you want to link to. You can also use this option when you have a multi-page website and simply want to customize the items to your needs. When you select Custom you will already see a list of menu items. You can add more menu items by hovering over an existing one and clicking on one of the plus icons that appear. To delete an item click the trash can icon when hovering over it.
You have different options to link a menu item. You can link it to:
- None: If you don't want to link anything
- Page: Choose from the existing subpages
- External: Add an external URL or link a file
- Element: Use the element picker to select an element on the website
- A phone number
- An email address
To edit the style of the menu bar and the menu items including the dropdowns (called Submenu) access the menu bar settings by double-clicking on the menu bar label at the top of the element.
Add a submenu/dropdown
You have two options to add a submenu/dropdown menu to a menu bar - depending on how you create the menu in the first place:
- Auto menu: When you auto-created the menu on your website, go to Pages and use drag and drop to create a submenu. Make sure to move the page that should be in the submenu far to the right when hovering over the other page until an orange arrow appears and then drop the page there.
Once you have dropped the page it will look like this. You can also add multiple pages to one page:
- Custom menu: When you created a custom menu, you can also use drag and drop to create a submenu, but in this case, you will go to the menu items instead of pages. There you will take the menu item that should be part of the submenu and drag it over another menu item. Make sure to be far right when hovering over the other item until you see an indented orange line.
Click on the preview (eye) icon in the top left corner of the editor's navigation and on hovering over the "parent" menu item, you will see that a dropdown was created.
On desktop it will look like this:
On tablet and mobile, you will see the submenu items directly below the parent section.
Noindex for subpages
Sometimes you don't want the search engines like Google to list specific subpages - especially if they have irrelevant content.
To ensure that a subpage is excluded from search engines you can go to Pages, click on the settings icon and select Noindex under Settings.