Choose which pages, devices and shoppers see the menu

A menu bar that’s handy on the home page can get in the way on the checkout page. This article shows you how to set rules so the menu shows only on the pages, devices and shopper groups you want. It also lists every display condition Navi+ supports.

Before you start

• Your menu is already put on your store.
• The rules in this article apply to the whole menu. To hide or show a single item inside it, see Show or hide items one by one.

Where do you find the display rules?

Once you save, the rules take effect on your store straight away. You can change them any time.

Choose the device, page type and URL

These three basic rules work on every plan, even the lowest one, except one small case in the advanced table below.

Visibility Rules

Control when and to whom this menu is shown. See detail

Display on pagesSelect which page groups the menu should appear on (Home, Products, Collections, ...).HomeProductsCollectionsPages2Page types

Display / hide by URL keywordsOnly show on URLs containing…3Show only if keywords matchNever show on URLs containing…3Hide if keywords match

Device BusinessAll devices1Device

1. Device: You have two separate switches, Show menu on mobile for phones and Show menu on desktop for computers. When you create a new menu, the phone switch is on by default and the computer switch is off, except Desktop Mega Menu, which has the computer switch on by default. For menu types that only suit one screen size, the other switch is locked or hidden: Mobile Mega Menu locks the computer switch, and Desktop Mega Menu doesn’t show the phone switch.

1. Page types: Under Display on pages, tick the page groups where the menu should show: Home, Products Detail, Product categories, Pages, Blogs and Others. Untick a group to hide the menu on that group of pages.

1. Keywords in the URL: There are two fields for keywords. Each one accepts several words separated by commas:

Field	What it does	Example
Only display the menu when Contains keywords	Shows the menu only when the page address contains one of these keywords	Enter collections to show the menu only on product category pages
Only display the menu when DOESN’T Contains keywords	Hides the menu when the page address contains one of these keywords	Enter checkout, cart to hide the menu on the cart and checkout pages

• If you don’t need to filter by address, leave both fields empty.
• Upper or lower case both work. Navi+ checks the keywords against both the domain name and the path of the page. One match from the list is enough.
• Fill in only one of the two fields. If you fill in both, Navi+ checks the DOESN’T Contains field last to decide the result, so the Contains field doesn’t work the way you expect.
• Store owners often see the menu when they open the site, but shoppers don’t. The most common cause is a test keyword left in one of these two fields.

Filter by cart, schedule and customer group

Visibility Rules lets you show or hide the menu based on the person viewing the page, not only on the page itself. This block is only on Shopify.

Condition	Menu shows when	Plan
Device	The shopper uses the device you choose: All devices, Mobile only or Desktop only	Business and up
Cart contents	The cart has at least N products, with Only show when the cart has at least. Or it hides when the cart has N products or more, with Hide when the cart has at least	Business and up
Schedule	It’s within the date and time range you set. Handy for sales or seasonal menus. Enter times as shown on your computer; the app converts them. Rules created earlier may still be calculated in UTC	Business and up
Market / Country	The shopper views the store in the Shopify Market you pick under Only show in market, or isn’t in that market when you choose Hide in market	Elite
Customer tag	The shopper is logged in and has a tag matching the word you type, for example vip	Elite
B2B customer	The shopper logs in with a Shopify B2B company account	Elite

When you set these conditions, keep these points in mind:

• When you turn on several conditions at once, the shopper must meet all of them before the menu shows. Conditions you leave empty are skipped.
• The Market field takes market handles such as us or ca. Enter several handles separated by commas; they aren’t case-sensitive. Right under this field, click View your Markets to look up the exact handle.
• The Customer tag field takes exactly one tag and isn’t case-sensitive. The shopper must be logged in on the website for the tag to be recognized.
• The B2B condition only counts shoppers who log in with a company account. A retail shopper with a “wholesale” tag doesn’t count as B2B.
• If your plan doesn’t support a rule, that section shows “Available on the Business plan and up” or “Available on the Elite plan”, and the rule has no effect.

Common settings

What you want to do	How to set it
Show the Tab Bar only on phones	Turn on Show menu on mobile, turn off Show menu on desktop
Show the Tab Bar everywhere except checkout	Enter checkout in the “DOESN’T Contains” field
Show the menu only on product pages	For Tab Bar or Floating Button: select only Products Detail under Display on pages. For other menu types: enter products in the “Contains” field
Schedule a sale menu to turn off on its own	Set an end date under Schedule. When it expires, the menu hides itself, so you don’t need to remember to delete it
Make a separate menu for wholesale customers	Filter by Customer tag or B2B customer

Run several menus of the same type with different rules

You can create two menus of the same type, each with different rules. This way a shopper sees the menu meant for their page, language or market.

When you place two menus in the same spot, set exclusion rules on both. For example, if the wholesale menu has practices in Only show in market, the retail menu also needs practices in Hide in market. If you set a rule on only one menu, the other menu still shows everywhere.

For multi-language stores, if you only need to change the wording for each language, translating inside one menu is simpler. See Translate your menu into several languages.

Check on your live store

Check the real store, not the preview pane in the app. The preview pane in the app doesn’t follow the show/hide rules.

1. Open a page that should show the menu and check that it appears.
2. Open a page where you have blocked the menu and check that it’s hidden.
3. Test on both phones and computers.

To stay safe and avoid affecting shoppers who are buying, test on a copy of the theme first, following Test the menu before shoppers see it.

Fix common problems

Set the rules but can’t see the menu anywhere?

Go back to the Configure step and check each section from top to bottom: which devices the menu is on, which page groups are selected, and whether any URL keyword is filtering it. The “Contains” field must be empty for the menu to show everywhere. One extra keyword is enough to make the menu almost disappear from the website. Check both device switches again too.

Some products show the menu, others don’t?

The product page address can change depending on the category the shopper clicked, for example /collections/sale/products/.... So a keyword you enter may match one address but not another. If you use a Tab Bar or Floating Button and want it on every product page, select the Products Detail group under Display on pages instead of filtering by keyword.

Should the rule be on the whole menu or on each item?

• The rules in this article decide whether the whole menu bar shows on a page.
• The rules on each menu item only show or hide individual rows inside an open menu. See Show or hide items one by one.

If the whole menu is hidden by the general rule, none of its items show, no matter what rules you set on each one.

Other platforms

Shopify Wix Other website

The steps above are for Shopify — the default way.