The Mobile Menu isn’t on the page all the time. It only slides out when a shopper taps the open button. If you tap ☰ and nothing happens, the cause is usually that the button isn’t connected to the menu.
button.menu-toggleIts address (selector) must match the field in PublishQuick checks before you start
- You’ve turned on the Navi+ app embed in your theme. If not, see Turn on the app embed.
- Mobile Menu is turned on: you clicked Turn on in the Publish window and Status is ON.
- You’re testing on a real phone or have shrunk the browser window, because some themes only show the ☰ button on small screens.
1. No way to open the menu has been chosen
Clicking Turn on only puts the menu on your website. You also need to choose at least one button for shoppers to tap to open the menu, right below the top of the Publish window.
-
Open the Mobile Menu in Navi+, click Publish, then find the section for choosing how to open it in step 3.
PublishMethod 1: Open the menu from a menu spotNo code needed — Navi+ already found your theme’s menu icon and logo.STATUS:OFFTurn onSTEP 1Enable Navi+ in Theme → App embeds Store Connector is on in Dawn. Review
This is Shopify’s standard method - safe and removable anytime.STEP 2Where can shoppers open this menu? Pick one or more.Use your existing menu iconTapping your theme’s ≡ button opens this Navi+ menu instead of the theme drawer.Add a ≡ icon next to your logoNavi+ places a small ≡ icon beside your logo — for desktop, or when the theme has no menu button.Floating buttonAn independent ≡ button floating on your site — tap or click it to open.Somewhere elseTap any element you choose, or insert a ≡ icon before/after it (CSS Selector). For developers too.STEP 3Optimize speed & experience SetupSTEP 4Test this menu Open Test -
Choose one of the ways to open it: use the theme’s existing ☰ button with Use your existing menu icon, add a new button next to your logo with Add a ≡ icon next to your logo, or create a floating button with Floating button. Then click Save at the top.
You can turn on several ways to open it at once. Shoppers can open the menu from any button you’ve turned on.
2. The ☰ button address is wrong
The CSS selector is the address that helps Navi+ identify the ☰ button on your page. If this address is off, tapping the ☰ button won’t do anything.
The two most common mistakes:
- Typing it by hand and getting a character wrong: In the Use your existing menu icon tab, Navi+ has already detected your theme and suggested an address. Choose that suggestion instead of typing by hand. For many free Shopify themes such as Dawn, Sense, Savor or Horizon, the ☰ button address is
#Details-menu-drawer-container. - Only set it up for one device: The ☰ button on a phone is often different from the one on a computer, or the desktop layout has no ☰ button at all. When you open the advanced Somewhere else section, you’ll see two separate tabs, Mobile setup and Desktop setup. An opener set up in one tab doesn’t carry over to the other tab automatically.
If you don’t know the theme’s ☰ button address, open Navi+ Live on your live store and click the ☰ button directly, so Navi+ reads the address for you.
If the menu opens on a phone but not on a computer, you usually haven't set up an opener in the Desktop setup tab. Computers usually don't have a ☰ button, so you need to add one: use Add a ≡ icon next to your logo, or a "Menu" item in the Desktop Mega Menu.
3. Tapping ☰ still opens the theme’s old menu
When you tap ☰ and the theme’s old menu slides out instead of the Navi+ menu, it means the theme is still handling that tap itself.
- Select the Use your existing menu icon tab and enter the theme’s exact ☰ button address. Navi+ will take over that tap and stop the theme’s old drawer from opening.
- Don’t hide the theme’s ☰ button to replace it with another button. Reusing the theme’s existing button is more stable.
- If one tap shows both menus, see the fix in Menu shows twice or the theme menu is still there.
If you clicked Turn on for the menu before and have just changed or updated your theme, the old address may no longer match the new theme. See also Menu disappeared after changing or updating your theme.
4. The Tab Bar or Floating Button item isn’t linked to open the menu
Many store owners set the first Tab Bar item to ☰ Menu, or use a Floating Button, to open the Mobile Menu. That item doesn’t know which menu to open on its own, so you need to link it.
-
Open the Mobile Menu, click Publish, and find the line Also opens from any other Navi+ menu item. Copy the link in the form
open:NaviMenu(SF-…)from this line. -
Open the Tab Bar or Floating Button, click the Menu item to open its editor, then paste the link you copied into the Link field.
‹ BackEdit itemORUpload small image (as icon)jpg, png, svg, webp…Basic infoTextLanguage MenuLink to Auto-clean URLLanguage open:NaviMenu(SF-…)Add dividerAdd badgeSub text (optional)Language E.g. Free shipping over $50LayoutDisplay layoutAUTOICON + TEXTTEXT ▸IMAGETEXT ONLYWidth layoutAutomaticStyleFollows the menu's styleCustomizeVisibilityShowing under all conditionsEdit rulesSubmenuAdvanced -
Click Save at the top, then go to your store and tap that menu item again to test it.
The SF-… code is unique to each Mobile Menu. If you duplicate or recreate the Mobile Menu, this code changes and the old menu item can no longer open it. In that case, just copy the new code and paste it into the Link field again.
Still can’t open the menu?
Try these checks in order:
- Open Navi+ Live on your store, tap the ☰ button, and compare the address Navi+ reads with the address entered in Publish.
- Check the display rules to see whether the page you’re viewing is blocked from showing the menu.
- Temporarily turn off other menu apps, then reload the page. Two apps competing for one ☰ button will stop the tap from working.
- If it’s still not fixed, send us your store address and theme name through How to contact support.
Other platforms
The steps above are for Shopify — the default way.
Wix doesn’t have the Menu in Section app block, so Navi+ places the menu with a CSS selector only. There’s no theme-based suggestion tab: enter the ☰ button address of your Wix page (find it with Navi+ Live) into the CSS selector field yourself. Floating buttons and Navi+ menu items work the same as on Shopify.
WordPress and other websites don’t have the Menu in Section app block, so Navi+ places the menu with a CSS selector only. There’s no theme-based suggestion tab: enter the ☰ button address of your website (find it with Navi+ Live) into the CSS selector field yourself. Floating buttons and Navi+ menu items work the same as on Shopify.