Work through the 5 steps below in order, and stop as soon as the menu shows on your store. Most stores are fixed at step 1 or step 2.
Step 1: Have you turned on the app embed for this theme?
The Navi+ menu only shows when you’ve turned on the app embed switch under App embeds in your theme. Each theme has its own switch, so turning it on for one theme doesn’t mean it’s on for another.
- Open your menu in Navi+, then click the Publish step in the left step bar.
- Look at the app embed status line at the top of the window that opens.
- If it shows Store Connector is on in theme name: the switch is on, so go to step 2.
- If it shows Not enabled: the switch is off. Turn on the app embed by following this guide, remember to click Save at the top of the theme editor, then reload your store page.
Themes created or duplicated in Canvas (Shopify's new design tool) don't allow the app embed to be turned on yet, so Navi+ can't show on that theme. Your menu is still intact. Use a regular theme (for example, your previous theme or a copy of it) for your live store, then turn on the app embed as usual.
Another check: look for the blue line in the browser console
- In the Shopify admin, go to Online Store > Themes, click the ••• button next to the theme you’re testing, then choose Preview.
- Press
F12on Windows orCmd + Option + Jon a Mac, then open the Console tab. - Look for a line starting with Using Navi+.
If you see this line, Navi+ has loaded on the page. If you don’t, go back and check step 1.
Step 2: Is the menu published and allowed to show on this page?
Reopen the menu in Navi+ and check these 4 items in order. For detailed settings, see Choose which pages, devices and shoppers see the menu.
- Publish status: Open the Publish window and check the top corner to see whether it shows Status: OFF or Status: ON. A new menu still at Status: OFF won’t show on your store. Click Turn on to switch it on.
- Device display: Check the two switches, Show menu on mobile and Show menu on desktop. If you’re viewing your store on a computer but only turned on the switch for phones, you won’t see the menu.
- Page groups for Tab Bar and Floating Button: In the Configure step, Display on pages decides whether the menu shows on the home page, product pages, collections, content pages, blog or other pages. For example, if you only select collection pages, you won’t see the menu on the home page.
- URL keywords: Also in the Configure step, Display / hide by URL keywords shows or hides the menu on pages whose URL contains certain keywords. Many store owners forget to delete a test keyword they typed while checking, so the menu gets hidden.
Step 3: Does the menu have a placement or a way to open it?
For 4 of the 6 Navi+ menu types, switching to Status: ON with Turn on isn’t enough for the menu to show:
| Menu type | What else to set up |
|---|---|
| Tab Bar, Floating Button | Nothing else. If it still doesn’t show, the cause is in step 1 or step 2 |
| Mobile Menu | A way to open it, such as the theme’s ☰ button, an item in another menu, or a floating button. Without one, shoppers have nothing to tap |
| Desktop Mega Menu, Mobile Mega Menu, Icon Menu | A spot on the page: choose the placement with a CSS selector, which is the address of a part of the page, or drag the Menu in Section app block onto the page in the theme editor |
This is Shopify’s standard method - safe and removable anytime.
The placement can also differ between pages. If the CSS selector doesn’t match a part of the page you’re viewing, the menu won’t show. This often happens when the home page header is different from the other pages. Pick the selector again with Navi+ Live on the page that’s broken, then check again.
Step 4: Is the theme or another app covering the menu?
- You just changed or updated your theme: The app embed switch is tied to each theme, so you need to turn it on again for the theme that’s live. See how to fix it in Menu disappeared after changing or updating your theme.
- Another menu app is installed too: Two apps that both replace the same navigation bar will fight over the space. Turn off the other app, then reload the page.
- The menu is covered: If a chat bubble, a sticky header or a cookie banner sits over it, the menu is showing but hidden. See how to fix it in Menu overlaps chat widgets, cookie banners or the header.
Step 5: Is the browser showing an old copy of the page?
Browsers and CDN caches sometimes still keep an old copy of the page from before the menu existed. Try this:
- Force the browser to reload the whole page with
Cmd + Shift + Ron a Mac orCtrl + F5on Windows. - Open your store in a private window, or check it on another device.
- If you’ve just turned on Publish, wait a moment and then reload the page.
If you’ve just edited the menu and your store still hasn’t updated, see Saved changes not showing on your store.
Still not showing?
Message the support team with what you checked at each step, plus these 4 details:
- Your store’s web address
- The name of the menu with the problem
- The name of the theme you’re viewing, and whether it’s the live theme or a preview
- The page where the menu doesn’t show
See how to send a message in How to contact support.
Other platforms
The steps above are for Shopify — the default way.
Step 1 is different: check that the app is added to your site. The Navi+ code must be in the page’s head tag, and the Navi+ dashboard shows Connected. Steps 2 to 5 are the same as Shopify, except the theme and app block parts (Shopify only).
Step 1 is different: check that the Navi+ code is in the page’s head tag (view the page source), and the Navi+ dashboard shows Connected. Steps 2 to 5 are the same as Shopify, except the theme and app block parts. Your website may have its own cache from the hosting provider. Clear that cache at step 5.