Menus are shown by themes built with the new theme editor whose header, footer or other sections
include a menu. Pick which menu a section shows in the theme editor.
Default menus
Every store has two menus from the start:
You can rename these menus and add, change or remove any of their links, including emptying them.
You can’t delete them or change their handles, because themes look them up by handle — a theme
section set to
main-menu must always find a menu.
An empty menu shows nothing on your store.
Create a menu
1
Add a menu
On the Navigation page, add a menu and give it a title, for example Help.
2
Add links
Add a link, type its name, and choose where it goes. See Link destinations.
3
Arrange them
Drag links to reorder them. Drag a link under another link to nest it.
4
Save
Save the menu. Your live store picks up the change within a short while — you don’t need to
publish your theme again.
The menu handle
The handle is the name a theme uses to find the menu. It’s made from the title when you create the menu — Help becomeshelp — and it doesn’t change when you rename the menu later, so theme
sections that use it keep working. You can edit it yourself; it must be unique among your menus.
Link destinations
Pick a collection, product, page, blog or blog post from the search list rather than typing its
address. The link remembers what you picked, not the address, so if you later change a
collection’s or page’s handle, the menu link follows it.
A web address must be one of:
- a full address starting with
https://orhttp:// - a path on your store starting with
/, such as/pages/contact - an email link starting with
mailto: - a phone link starting with
tel:
# can’t be saved.
Nesting and limits
- Menus nest three levels deep: a top-level link, links under it, and links under those. How a nested menu is displayed — a dropdown, a mega menu, a footer column — is up to your theme.
- A menu can hold up to 250 links in total, counting nested links.