Navi+ has 6 menu types, grouped into 3 display types on the store. Check which type your menu belongs to, and you’ll know straight after turning on Publish whether you need to set anything else.
Which group is your menu in?
| Menu type | What to do after you turn on Publish | Group |
|---|---|---|
| Tab Bar | Nothing else to do | Turn on and done |
| Floating Button | Nothing else to do | Turn on and done |
| Mobile Menu | Choose a button for shoppers to tap to open the menu | Needs an open button |
| Desktop Mega Menu | Choose a spot on the page | Needs a spot |
| Mobile Mega Menu | Choose a spot on the page | Needs a spot |
| Icon Menu | Choose a spot on the page | Needs a spot |
How to put each group on your store
Turn on and done
A Tab Bar and a Floating Button always float above the screen, separate from the theme’s layout. Just turn on Publish and the menu shows on the web straight away, without choosing a spot.
Needs an open button
A Mobile Menu is hidden by default and only slides out when the shopper taps an open button. When you turn on Publish, the menu waits in standby. You need to add an open button, such as the ☰ button in the theme’s header, a menu item on a Tab Bar, or a floating button in a corner of the screen. See how to set this up in Put the Mobile Menu on your store.
Needs a spot
Desktop Mega Menu, Mobile Mega Menu and Icon Menu are fixed inside the web page. So you need to tell Navi+ where to place the menu: replace the theme’s existing menu, or insert before or after a part of the page.
You can choose the spot in one of two ways:
- Open the Publish window and choose a suggested spot for popular Shopify themes, or type the element’s address yourself with a CSS selector.
- Open the theme editor and drag the Menu in Section app block to the exact spot you want on the page.
Turn on the app embed first
All 6 menu types only work once you’ve turned on the Navi+ app embed in the App embeds section of the theme. You only need to do this once for the whole store. If the app embed is off, the menu won’t show on the web even if you’ve turned on Publish. See the guide Turn on the Navi+ app embed in your theme.
Which pages and devices should the menu show on?
Apart from where it sits on the page, you can also choose which devices and pages show the menu. For example, a new Tab Bar is on for phones by default, so you won’t see it when you open the store on a computer.
All 6 menu types share the device filter (phones, computers) and the URL keyword filter. Only Tab Bar and Floating Button have the Display on pages page-group selector; the customer filter is in the Visibility Rules block. See the full guide Choose which pages, devices and shoppers see the menu.
Turned on Publish but still no menu?
Open Menu not showing on your store to check each cause in order.
Other platforms
The steps above are for Shopify — the default way.
On Wix there’s no Menu in Section app block. For menus that need a spot, you can only enter a CSS selector.
On WordPress and other websites there’s no Menu in Section app block. For menus that need a spot, you can only enter a CSS selector. Instead of the app embed, other websites paste a snippet into the head, and WordPress activates the Naviplus Menu Builder plugin.