You can set show or hide conditions for each menu item on its own. This way, one menu is enough for several groups of shoppers. For example, the “Wholesale prices” item can show only to shoppers with a special tag, so you don’t need a second menu.
How is this different from the display rules for the whole menu?
- The rules for the whole menu, in the Configure step, decide whether the entire menu bar shows on the page.
- The rules for each item, in this guide, only hide or show one row inside the menu you’re editing.
Both use the same set of conditions. To see how each condition works, read Menu display rules.
Set a rule for a menu item
-
In the Build Menu step, click the name of the item you want to change to open the Edit item panel.
‹ BackEdit itemORUpload small image (as icon)jpg, png, svg, webp…Basic infoTextLanguage ShopLink to Auto-clean URLLanguage collections/allAdd dividerAdd badgeSub text (optional)Language E.g. Free shipping over $50LayoutDisplay layoutAUTOICON + TEXTTEXT ▸IMAGETEXT ONLYWidth layoutAutomaticStyleFollows the menu's styleCustomizeVisibilityShowing under all conditionsEdit rulesSubmenuAdvancedThe button sits in the Visibility section, at the bottom of the Edit item panel -
Scroll to the bottom of the panel, to the Visibility section, then click Setup the Visibility rules. A small line of text beside the button tells you whether the item shows everywhere, such as “Showing under all conditions”, or already has its own rules.
-
Choose the conditions you want, click Apply, then click Save to save the menu.
Visibility RulesControl when and to whom this item is shown. See detailBasicIs publishedHide when logged inOnly show when logged in1Show or hideDevice BusinessAll devices2DevicePage / URLHomeProductsCollectionsPagesBlogsOthersLeave all unchecked to allow every page type.E.g: 'snowboard-hydrogen' → item ONLY shows on URLs containing that keywordE.g: 'multi-location' → item will NOT show on URLs containing that keyword3Page type, keywordCancelApply4Click Apply
Basic rules
In the Basic group, you have three quick options:
- Is published: turn this off to hide the menu item everywhere.
- Hide when logged in: hide this item from shoppers who are logged in to an account.
- Only show when logged in: show this item only to shoppers who are logged in.
Next, choose where the menu item can appear, by device and by page:
- Device: choose Desktop only to show the item only on computers, Mobile only to show it only on phones, or leave it for all devices.
- Page / URL: tick the page types you want, such as Home, Collections, Products, Pages, Blogs, or Others, or type a keyword that appears in the page’s URL. If you don’t tick any box, the item shows on all pages.
Advanced rules
| Condition | Use it to |
|---|---|
| Cart contents | Show or hide the item when the cart has at least a certain number of products |
| Schedule | Show the item only within a date and time range you set. New rules use your browser’s time zone, and the app shows it clearly, such as GMT+7, then converts it to UTC. Older rules still use UTC |
| Market / Country | Show or hide the item by the Shopify market the shopper is viewing |
| Customer tag | Show the item only to logged-in shoppers who have a tag you specify, for example VIP. Tags are not case-sensitive |
| B2B customer | Show the item only to shoppers who log in with a Shopify B2B company account |
Some conditions are locked by plan. Device, Cart contents, and Schedule need the Business plan or higher. Market / Country, Customer tag, and B2B customer need the Elite plan. A locked condition is ignored on your store.
Within Desktop Mega Menu items, you also get the Exclude when embedded option, which applies when you embed the Desktop Mega Menu in a Mobile Menu. When it’s on, the item shows only on desktop and is hidden automatically in the copy inside the Mobile Menu.
Some practical examples
- Show the “Sale” item only on the home page and collection pages.
- Show the “Call now” item only on phones, using the Mobile only option.
- Show the “Wholesale prices” item only to wholesale shoppers tagged
wholesale. - Schedule the “Black Friday deals” item with Schedule, so it turns on automatically only during the event.
- Show the “Free shipping” item only when the cart has products in it.
Same menu, two different pages, with one item hidden automatically:
Troubleshooting
Setting a rule made the whole menu disappear
You may have opened the rule for the whole menu in the Configure step, instead of the rule for this item. The two settings look alike but apply to different scopes. Reopen the Setup the Visibility rules button in the Edit item panel of the item you want to change.
The preview in the app still shows an item I hid
The preview in the app can show all the items, because the show and hide rules only run on your live store. To check accurately, open your live store on the right page, on the right device, and in the right shopper state, such as logged in or tagged.
A condition is locked or has no effect
The Device, Cart contents, and Schedule conditions need the Business plan or higher. Market / Country, Customer tag, and B2B customer need the Elite plan.
A Mega Menu item appears twice when embedded in a Mobile Menu
Open that item and turn on Exclude when embedded, so the item shows only in the desktop version.
Other platforms
The steps above are for Shopify — the default way.
Market / Country, Customer tag, and B2B customer are available only on Shopify, because they rely on Shopify’s customer and market data. On other platforms, use Device, Page / URL, and keywords in the URL instead.
Market / Country, Customer tag, and B2B customer are available only on Shopify, because they rely on Shopify’s customer and market data. On other platforms, use Device, Page / URL, and keywords in the URL instead.