Skip to content
Install app
English

Quick start

Create your first menu, publish it and see it live on your storefront in about 5 minutes.

How-to guide All plans 3 min read

New to the app? Read the Introduction for an overview first.

Go live with your first menu

  1. Create a menu

    On Home, click Add mega menu (or Menu manager > Create menu > Mega menu). Choose how to start (1) and click Create menu (2) — see Create menu options.

    Create menu dialog: (1) choose how to start, (2) click Create menu
  2. Build your menu

    In the menu editor, add items, submenus and blocks, then adjust fonts and colors. Click Save — for a tour of every panel, see Menu editor.

    (1) Top bar, (2) sidebar tabs, (3) item toolbar in the live preview, (4) bottom toolbar
  3. Publish the menu

    Click Publish in the top-right corner (unsaved changes are saved first), select your theme under Choose theme (1) and click Publish (2). Click Preview first to check the menu before customers see it.

    Publish menu dialog: (1) Choose theme, (2) Preview and Publish
  4. Enable the app embed

    If the embed is off, the dialog stays open with Go to app embeds settings (or click Activate in the App status banner on Home). In the theme editor, turn on Mega menu (1) and click Save (2).

    Theme editor: (1) Mega menu toggle, (2) Save
  5. Check your storefront

    Open your store and hover over (or tap) the menu items on desktop and on mobile. Publishing can take a few minutes, so refresh if you don’t see your changes yet.

Create menu options

Build it for meDefault: Recommended
Builds the menu from navigation your store already has. Pick the navigation to copy in the Shopify menu list (usually Main menu).
Sample menuDefault: Selected
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.
Match colors and fonts to the current themeDefault: Selected
Reuses your theme’s colors and fonts. Works on supported themes only; other themes get the app’s default styles.

Not sure? Choose Build it for me: you start from your existing navigation and add submenus and blocks on top.

Troubleshooting

My new menu has no items

If you chose Build it for me and the Shopify menu you picked has no items, the app shows That Shopify menu is empty, so the sample menu was created instead. and the new menu starts empty. If you chose Sample menu with Match colors and fonts to the current theme ticked, the menu also starts empty. Add items in the editor, or delete the menu and create it again with a navigation that has items.

Changes in Shopify Navigation don't show in my menu

Build it for me copies your navigation once. Later changes in Shopify Navigation don’t sync to the app menu — edit the menu in the app.

The menu shows in the wrong place

Change Settings > Position in the editor, then click Save and Publish again. See Which position should I use?.

Was this helpful?

Report an issue