Multiple menus and campaigns

How-to guide Pro Navigation 2 min read

Keep menus such as Black Friday, Christmas or New Year ready, and switch in a couple of clicks or schedule them. You can also run one menu per market or different menus on desktop and mobile.

Note

Without Pro Navigation, only one menu can be active: publishing a menu sends the previous one back to Draft. You can still keep several drafts, up to the 10-menu limit.

Prepare a campaign menu

1. Duplicate your current menu

   In Menu manager, click ⋯ on your live menu, then Duplicate. A draft named Copy of … appears.

   

   (1) Click ⋯ on a menu row, (2) choose an action

2. Rename the copy

   Click ⋯ > Rename, enter a clear name such as Black Friday 2026, and click Save.

3. Edit the campaign content

   Click Customize, add what you need — a Sale item, a countdown, a banner — and click Save. The menu stays a Draft, hidden from customers.

4. Put it live

   Schedule it (recommended): click Publish, tick Schedule publishing and set the campaign’s start and end. Or switch manually: Publish the campaign menu and Disable the regular one, then reverse it when the campaign ends.

Which menu is shown

When several menus are Active, the rule depends on each menu’s Position setting. See Publish a menu.

Automatically replace or Replace existing menu

Only one of these menus shows at a time. The app skips scheduled menus outside their dates, then picks in this order:

1. A menu with both a start and an end date — the one that ends first.
2. A menu with only a start date — the one that started most recently.
3. A menu with only an end date — the one that ends first.
4. No schedule — the most recently created menu.

So you can leave your regular menu active without a schedule next to a scheduled campaign menu. The campaign menu wins during its dates; afterwards the regular menu shows again on its own.

Show menu on this CSS selector

Each set of CSS selectors shows its own menu, so menus on different selectors can appear together. If two active menus use exactly the same selectors, the order above decides.

Show different menus on desktop and mobile

Set both menus to Show menu on this CSS selector: give menu A only a desktop selector and menu B only a mobile selector. See Show the menu on a CSS selector.

Troubleshooting

The wrong menu is showing

• Two unscheduled Active menus with automatic placement: the most recently created wins, not the last published. Disable the one you don’t want.
• A scheduled menu shows only between its dates. Hover over the calendar icon in Menu manager to check Publish on: and Unpublish on:.
• Menus with Market availability only count for visitors from the selected markets.
• After changes, wait a few minutes and refresh the storefront.

Related pages

• Schedule menus and itemsShow a whole menu or a single menu item only between a start and end date.
• Show menus by marketShow a menu only to visitors from the Shopify Markets you choose.
• Can I use different desktop and mobile menus?Show one menu on desktop and another on mobile, or hide some items per device.
• Menu managerSee every menu in your store, create new ones, and publish, rename, duplicate, export or delete them.

Was this helpful?

Report an issue