Menus are elements that can be added to your project, and exist outside the document grid and max width. Menus can hold most content, and can be linked up to pages, downloads, external URLs, and more.

Fundamental rules

Menus are not constrained to mirror the pages of the project
All menu follow the same base settings
Menus are well suited for Buttons and Dropdowns as navigation, but can contain almost any element
Only one menu is allowed

Adding a menu

Navigate to the Menu tab at the top in the left sidebar
Select New menu just below the tabs
Choose a menu type as a starting place for your new menu
Note: All menus shown are the same element, just with different setting applied.

<aside> 💡

Keep in mind: If your project already has a menu, you can delete it to add a new one. Be aware if you delete an existing menu you will need to restyle and link buttons in the new one.

</aside>

Menu options

When adding a new menu, there are various styling options to start from. Keep in mind that all menus can be achieved by simply changing the settings of the menu at any point once it’s added. For instance, a flyout menu can be changed to a sidebar by editing the sizing and ‘always open’ settings.

Adding content to Menus

Almost all elements in Standards may be added to a menu. Anything you can add to a column can be added to a menu.

From within the editor, select elements like media (M), text (T), and button (B) from the + ****menu. Some components (C) may also be chosen to add into menus.
Hover over the open menu, and select the add point overlay.
Menu content can be reordered by click + dragging from the menu layers in the left sidebar.
Link buttons to pages, URL’s, and more by selecting them, then adding a click behavior.

Related Guides

Button

Dropdown

Click & Hover Behaviors