How do I create navigation menus and add them to my header and footer?

What menus are for

A navigation menu is a reusable list of links. You build menus once in the Menus section of your dashboard, then point your header or footer at a menu inside the builder. The same menus are available across your whole store, so one menu can be reused in several places.

Opening the Menus section

Go to Menus from the main navigation. The list shows every menu you have created, newest first, with its creation date. You need the Menus permission to open and edit this section.

Creating a new menu

1. Click Create new menu. A modal opens.
2. Enter a Menu name (required, up to 50 characters). The name is for your reference only and is never shown to shoppers.
3. Add your items in the Menu items area (see below).
4. Click Save.

A menu must contain at least one item with a label and a link, otherwise the save is rejected with "Please enter the first label".

Adding menu items

Type into the empty Label field to create your first item. As soon as an item exists it gains a Link field, and a new empty label field appears underneath so you can keep adding items.

• Label: the text shoppers see, up to 50 characters.
• Link: the destination. It must be either a full web address (for example https://example.com) or an internal store path of up to two segments, such as /products, /collections/shoes, or /pages/about.

The Link field includes quick pickers so you do not have to type paths by hand: Home page, Search page, and searchable lists for collections, Products, and Pages.

Nesting and limits

Menus support three levels. Each item can hold child items, and each child can hold its own items:

• Label (top level): up to 5 items.
• Sub label (second level): up to 10 items under each top-level item.
• Specific label (third level): up to 10 items under each sub label.

When a level is full, its add field is disabled and shows a "limit reached" message. How these nested items appear to shoppers (as a dropdown, a mega menu panel, or a drawer) is chosen later in the builder, not here. The menu editor only defines the link structure.

Reordering and removing items

Drag an item by the handle (the bars icon on its left) to reorder it within its level. Click the red trash button on an item to delete it along with any items nested beneath it.

Editing or deleting a menu

1. Click a menu row in the list to open it. The modal shows the name and all current items.
2. Change the name or items, then click Save. The Save button stays disabled until you actually change something.

To delete menus, tick the checkbox on each menu row and click Delete menus in the table action bar. Deleting a menu that a header or footer still points to leaves that block with no links until you assign another menu.

Connecting a menu to the header

1. Open the builder and select the Header section, then click the Menu element.
2. Under Menu, click Select menu. A dropdown opens with a search box and your menus listed. Pick one. (The picker preloads your 10 most recent menus; type in the search box to find older ones.)
3. Once a menu is chosen you get Replace, Edit (opens that menu in a new tab), and Remove buttons.
4. The Appearance and Mobile layout sections appear only after a menu is selected. Configure them, then publish the page.

Header menu appearance options

• Type: Mega menu (large multi-column panels), Dropdown (simple lists), or Drawer (a slide-out panel).
• Position: left, center, or right within the header.
• Row: top (same row as the logo) or bottom (a separate row below).
• Color scheme: one of your 9 theme color schemes (0 to 8) for the dropdown or mega panel.
• Mobile layout: a Navigation bar toggle plus its own color scheme.

If you set the type to Drawer, the Position, Row, and Mobile layout controls are hidden because a drawer always anchors to the start edge.

Connecting a menu to the footer

1. Open the builder and select the Footer section.
2. If there is no Menu block yet, add one using the footer's add-block control. A footer holds only one Menu block.
3. In the Menu block, click Select menu and pick a menu. The footer Menu block has no display-type options: it just renders the menu's links.
4. Publish the page.

Per-market behavior and publishing

• Your menus are shared across the whole store. Which menu the header or footer points to is saved in the builder template, so different templates can point at different menus.
• The builder preview updates instantly, but shoppers only see a new or changed menu after you publish the page that uses it.
• Editing a menu's items updates everywhere that menu is used once the relevant pages are published. You do not need to re-link it.
• Use clear names like "Main navigation" and "Footer links". Header menus usually carry primary navigation, while footer menus carry legal and secondary links, so keeping them separate is the simplest setup.