Building your navigation menus

Navigation menus are the links shoppers use to move around your storefront, such as the main menu in your header. You build them under Storefront, then Navigation. Each menu holds items that link to a page, a category, a product, a brand, a blog or any web address.

Considerations

• A menu can be up to three levels deep: items, sub-items and sub-items of those.
• Items show on your storefront in the order they sit in the menu. Drag the handle at the left of a row to move it, or drag it right to indent it under the item above.
• The handle is the reference your theme uses to place the menu, for example in your header or footer. Change it only if you need to.
• Deleting a menu cannot be undone. A menu your theme is using will stop showing on your storefront.

Create a menu

1. From your Orbit dashboard, go to Storefront, then Navigation. The list shows your menus.
2. Click Create navigation at the top right.
3. Under Navigation details, enter a Name, for example Main menu. The Handle fills in for you.

Add menu items

Under Menu items, the first item is already open for you. Each item is a row, and an open row shows its Label and Link fields.

1. In Label, type the words shoppers will see, for example Home.
2. Click the Link field. A list of places the link can go opens.
3. Pick where the item goes:
   • Home page or Search: click the row.
   • Categories, Products, Brands, Blogs, Blog posts or Pages: click the row to open a list of your own, then click the one you want. Click Back to return to the main list.
   • Any other web address: type or paste it into the field, then click Custom link.
4. Click the tick at the end of the row to close the item. Click Add menu item to add the next link. Repeat these steps for each item.

The list also has an Account group with Orders, Profile and Settings, for shoppers who are signed in.

Add sub-items for drop-down menus

1. On the parent item's row, click the plus button (Add sub-item). A new row appears, indented under the parent.
2. Give the sub-item its own Label and Link.

A sub-item can hold its own sub-items. The plus button disappears at the third level, which is the deepest a menu can go.

Remove an item

1. On the item's row, click the bin button (Remove menu item). Any sub-items under it are removed too.

Note: The bin button only shows once the menu has more than one item.

Save the menu

1. Click Save at the top right. You return to the Navigation list and the message Navigation created successfully appears.

To leave without saving, click Cancel.

Edit, duplicate or delete a menu

1. Go to Storefront, then Navigation.
2. Click a menu to open it in the editor. Or click the ... button in the Actions column and choose Edit navigation, Duplicate or Delete.
3. For Duplicate, confirm the copy. Use it when you want a new menu that is close to one you already have.
4. For Delete, confirm in the Delete navigation dialog. This cannot be undone.

Each row in the list shows:

• Name: the menu's name and how many items it has.
• Handle: the reference your theme uses to place the menu.
• Updated: when the menu last changed.
• Actions: edit, duplicate or delete the menu.

Use the Search menus box to find a menu by name or handle.

Related guides

• Creating and publishing pages
• Managing page templates
• Building a custom header and footer