Menu manager
See every menu in your store, create new ones, and publish, rename, duplicate, export or delete them.
Menu manager lists every mega menu and mobile bottom bar in your store. Import and Create menu are at the top right.
Create a menu
-
Choose the menu type
Click Create menu (1), then choose Mega menu for your header navigation or Mobile bottom bar for a fixed bar at the bottom of mobile screens (2). See Mobile bottom bar.
(1) Create menu, (2) choose Mega menu or Mobile bottom bar -
Choose how to start
For a mega menu, pick Sample menu or Build it for me (1) (see Start options). Leave Match colors and fonts to the current theme ticked to reuse your theme’s styles (with Sample menu, this starts the menu without example items).
Create menu dialog: (1) choose how to start, (2) click Create menu -
Click Create menu
Click Create menu (2). The menu is added to the list as a Draft. Click Customize to build it, then publish it.
Start options
- Sample menu
- Creates a menu with example items that you edit by hand. With Match colors and fonts to the current theme ticked, the new menu starts with no items instead — untick it to get the example items.
- Build it for me
- Recommended. Copies the navigation you pick in Shopify menu (for example Main menu); nested links become submenus.
- Match colors and fonts to the current theme
- Reuses your theme’s colors and fonts on supported themes. Other themes get default styles.
Read the menu list
Use the All, Active and Draft tabs to filter the list.
- Menu name
- For example Main menu or Mega menu #214404. New menus get a numbered name you can rename.
- Calendar icon
- Shown when the menu has a schedule. Hover to see Publish on: and Unpublish on:.
- Broken links
- Orange badge such as 1 broken link: some links in the menu point to something that no longer exists in your store. Hover over it for details, then see Fix broken links.
- Active
- Green badge: the menu is published and can appear on your storefront.
- Draft
- Blue badge: the menu isn’t published, so customers don’t see it.
- Publish / Disable
- Publish opens the Publish dialog for a draft. Disable unpublishes an active menu and turns it back into a draft.
- Customize
- Opens the menu in the editor.
Menu actions
Click ⋯ (1) on a menu’s row to open its actions (2).
- Rename
- Edit the name, then click Save in the save bar. Up to 50 characters: letters, numbers, spaces and
- # [ ]. - Duplicate
- Makes a draft copy named Copy of … — a backup before big changes or a start for a seasonal version.
- Export
- Downloads the menu as a
.jsonfile. See Import and export menus. - Localize
- Opens the Localization page for this menu. See Translate a menu.
- Delete
- Click Delete menu to confirm. This can’t be undone in the app — Duplicate or Export first if unsure.
Menu limit
Each store can have up to 10 menus, mega menus and mobile bottom bars combined. At the limit, a Menu limit reached banner appears and Create menu, Import and Duplicate are disabled until you delete a menu.
Troubleshooting
Build it for me didn't copy everything
It’s a one-time copy: later changes in Online Store > Navigation don’t update the app menu. Navigation deeper than 7 levels is trimmed, with Some deeply nested items were not imported. If the Shopify menu you picked is empty, the app says the sample menu was created instead, but the new menu starts with no items.
No Shopify navigation was found for this store.
Create a menu in Online Store > Navigation first, or choose Sample menu.
An action is greyed out
This option is only available to PRO plan means your plan doesn’t include it. If every button on a Mobile bottom bar row is greyed out, your plan doesn’t include the bottom navigation bar. See Plans and billing.
I deleted a menu by mistake
Contact us — we may be able to restore it as a draft. See Restore a deleted menu or item.
Was this helpful?
Thanks for your feedback! Tell us what was missing
Report an issue