This article looks up each field in the Publish window. You open it with the 5 Publish step on the vertical step bar at the left edge of the menu editor. The window slides in from the right and has an × button to close it.
To follow the steps one by one, read the how-to articles for each menu type under Put your menu on your store. This article only answers one question: what does each field do, and what happens on your store when you choose it.
This is Shopify’s standard method - safe and removable anytime.2App embed
The Publish window has a fixed order, from top to bottom: Turn on in the top-right corner, the app embed check, the placement step, the Test step, and (only when needed) a gray line Add a loading effect (optional), which you can hide with X. Tab Bar and Floating Button have no placement step, because they attach to the screen by themselves.
Turn-on switch
Each menu type has a master switch. Turn it off and the menu disappears from your store, even if you’ve already chosen a spot. On Shopify the switch appears as a Turn on button and a Status label in the top-right corner of the first card in the Publish window. On Wix and other websites it’s the Publish this menu switch.
Publish this menu — Tab Bar and Floating Button
- Where it is and what it’s for: a gray line at the end of the Publish window (for Mobile Menu, it’s inside the Method 2 field). Click X to hide it.
- When it appears: only when you choose Replace, or when you open the Mobile Menu with the theme’s ☰ button.
- What it’s for: from Nov 5, 2026, the menu is printed in advance, so you hardly need it. To turn it on, see Settings that keep your menu loading fast and flicker-free.
Other platforms
The steps above are for Shopify — the default way.
On Wix and other websites there’s no Turn on button in the card corner. Turn on the Publish this menu switch in step 2 of the Publish window, then save it along with your other settings.
On Wix and other websites there’s no Turn on button in the card corner. Turn on the Publish this menu switch in step 2 of the Publish window, then save it along with your other settings.
Turn on — Mobile Menu
- Where it is and what it’s for: in the 5 Publish step of the Mobile Menu, in the top-right corner of the Method 1: Open the menu from a menu placement card. This is the master switch for every way of opening the menu: the theme’s existing ☰ button, the ≡ icon next to the logo, floating buttons and the Somewhere else field.
- Options: Turn on / Turn off. It saves right away, like the Tab Bar field above.
- Applies to: Mobile Menu only.
- Only has an effect when: you’ve chosen at least one way to open the menu in the Where can shoppers open this menu? step. If this switch is off, none of the ways to open the menu work, even if you’ve filled everything in.
- What shoppers see when you change it: when it’s on, a shopper who taps the button, icon or element you chose sees the Mobile Menu slide out. When it’s off, tapping those spots doesn’t open the Mobile Menu.
Other platforms
The steps above are for Shopify — the default way.
On Wix, the switch is in step 2 of the Publish window, labeled Publish this menu, and works exactly like it does on Shopify.
On other websites, the switch is also Publish this menu in step 2, placed before the choice of how to open the menu.
Turn on (insert/replace) — Mega Menu and Icon Menu
- Where it is and what it’s for: in the 5 Publish step, in the top-right corner of the Method 1: Put the menu into a menu placement card. Turn it on to insert the menu into the placement you chose on the page.
- Options: Turn on / Turn off. The default for a new menu is off.
- Applies to: Desktop Mega Menu, Mobile Mega Menu and Icon Menu.
- If you turn it on without a placement: the app doesn’t turn on and only shows the message Choose a menu placement. Choose a card in the placement step first, then click again.
- If that spot already has another menu turned on: the app asks you once with two buttons, Cancel / Turn on anyway. If you turn on both, the two menus show together and can overlap.
- What shoppers see when you change it: when on, the menu appears exactly at the spot you chose. When off, that spot goes back to the theme’s original (if you had chosen a replacement, the theme’s menu comes back).
This is Shopify’s standard method - safe and removable anytime.
Other platforms
The steps above are for Shopify — the default way.
On Wix, the Publish this menu switch is in step 2. Once it’s on, the menu appears at the selector you chose. You must choose a selector first for the menu to show.
On other websites, the Publish this menu switch is in step 2, under “Method 1: Target an element using a CSS Selector”. Paste the selector, then turn on the switch.
Placement cards
In the Choose a menu placement step (Mobile Menu uses Where can shoppers open this menu?), each card is one spot. For Desktop Mega, Mobile Mega and Icon Menu you choose one card. For Mobile Menu you can tick several cards.
The cards shown are based on what Navi+ found when it scanned your theme. A card that hasn’t been found yet shows Not found yet with a Find it in Live mode button, so you can click the right element on your real store. See Navi+ Live: place the menu in the right spot. If you change themes, the Switch theme button lets you choose again so Navi+ can scan for new spots. You can only choose a theme that has Navi+ turned on.
Replace your main menu
- Where it is and what it’s for: the first card in the Choose a menu placement step. Navi+ replaces the theme’s main menu bar with this Desktop Mega Menu.
- Options: a radio card. When you select it, the app saves the Replace placement type together with the theme’s main menu selector that Navi+ found, with the suffix
(D)so it applies only on computers. - Applies to: Desktop Mega Menu only. Mobile Mega Menu and Icon Menu don’t have this card.
- Comes with it: the Auto text color — follow your header switch appears (it matches the menu text color to the header color when the header is transparent and turns white when scrolled), and the Add a loading effect (optional) line appears at the end.
- What shoppers see when you change it: the theme’s old menu bar is hidden, and the Desktop Mega Menu takes its place. The logo, search and cart stay as they are.
Other platforms
The steps above are for Shopify — the default way.
Wix doesn’t have this card. Copy the selector from Wix’s fixed selector table into the CSS Selector field and choose the Replace type.
Other websites don’t have this card. Type the selector of the existing menu into the CSS Selector field and choose the Replace type. Add the suffix (D) if you only want it to apply on computers.
Add below your header
- Where it is and what it’s for: the Add below your header card in the placement step. It inserts an extra menu right below the theme’s header without touching the existing menu.
- Options: a radio card. The app saves the Insert after type to the header selector that Navi+ found.
- Applies to: Desktop Mega Menu (a bar across the full width below the header), Mobile Mega Menu (a bar below the header on phones) and Icon Menu (an icon grid right below the header, above the page content).
- Per type: Mobile Mega automatically adds the suffix
(M)to the selector so the bar doesn’t show below the header on computers. Desktop Mega adds(D). Icon Menu doesn’t add a suffix because it already has two switches in the settings for showing on phones and computers. - What shoppers see when you change it: the new menu appears right below the header, and the theme’s menu stays as it is. If you don’t want shoppers to see two menus, see Hide the theme’s built-in menu.
This is Shopify’s standard method - safe and removable anytime.
Other platforms
The steps above are for Shopify — the default way.
Wix doesn’t have this card. Choose the header’s selector from the Wix table, then choose the Insert after type.
Other websites don’t have this card. Type the header’s selector into the CSS Selector field and choose the Insert after type.
Below another Icon Menu
- Where it is and what it’s for: the second card in the placement step of an Icon Menu. It stacks this Icon Menu right under another Icon Menu you’ve already published, so you don’t have to type a CSS selector.
- Options: when you select the card, a list of Icon Menu appears (default — Choose an Icon Menu —), a Spacing (px) field to adjust the gap between the two grids, and a switch to add a divider line between them (Add a line above this menu…). A menu that’s already stacked below this one is grayed out with (already follows this menu).
- Applies to: Icon Menu only.
- If you haven’t chosen a menu: the app shows the reminder Choose an Icon Menu — otherwise this menu won’t appear.
- What shoppers see when you change it: the grid of this menu appears right below the grid of the other menu,
Other platforms
The steps above are for Shopify — the default way.
Wix has this card for Icon Menu too. Choose the target Icon Menu from the list, no selector needed.
Other websites also have this option for Icon Menu, next to the choices to insert before, after or replace using a CSS selector.
Somewhere else
- Where it is and what it’s for: the last card, labeled Advanced. Use it when the suggested cards don’t put the menu where you want: you point to an element on the page yourself with a CSS selector.
- Options (Desktop Mega, Mobile Mega, Icon Menu): three placement types, Insert after, Replace and Insert before, plus a CSS Selector field (if you enter several selectors, only the first one is used). The Pick it in Live mode button opens your store so you can click the element, then copy its selector back into the field.
- Options (Mobile Menu): instead of a placement type, you get two fields: the selector of the element that opens the menu when tapped, and a field to insert the ≡ icon before or after an element. The suffix
(M)means phones only,(D)means computers only, and no suffix means both. - Applies to: Desktop Mega, Mobile Mega, Icon Menu and Mobile Menu.
- What shoppers see when you change it: the menu shows up or opens at exactly the element you pointed to. A wrong selector means the menu doesn’t show or overlaps the content. If you choose Replace, the Add a loading effect (optional) line appears at the end.
This is Shopify’s standard method - safe and removable anytime.
Other platforms
The steps above are for Shopify — the default way.
On Wix, the Publish window has Wix’s fixed selector table ready for you to copy into the CSS Selector field. There’s no Live mode button.
On other websites, this is the main way to place the menu: turn on Publish this menu, paste the CSS selector, then choose insert before, insert after or replace. WordPress also has the shortcode [naviwp embed_id="..."].
Extra steps in Publish
Check the app embed (Enable Navi+ in Theme → App embeds)
- Where it is and what it’s for: step 1 in the Publish window. Navi+ checks automatically whether the app embed is turned on in the theme that’s running. If it isn’t, no menu shows, even if you’ve clicked Turn on.
- Three states: Store Connector is on in [theme name] with a Review button; Not enabled yet with an Enable Navi+ in [theme name] button that opens the theme editor; or Couldn’t read your theme status with Try again and Open Theme Editor buttons.
- Applies to: every menu type on Shopify. Wix and other websites don’t have this step (Wix and WordPress embed it automatically, and other websites paste the code once).
- What shoppers see when you change it: this field only shows the status. It doesn’t change the menu. Turning on the app embed in the theme is what makes the menu show. See Turn on the app embed.
Not enabled yet — the menu cannot show until Navi+ is on in your theme. View guide
This is Shopify’s standard method - safe and removable anytime.App embed not on
Test this menu
- Where it is and what it’s for: the last step in the Publish window, the Open Test button. It closes the Publish window and opens step 4 Preview & Test, so you can preview the menu on your store before every shopper sees it.
- Applies to: every menu type on Shopify.
- What shoppers see when you change it: nothing changes. This is only a button that opens the preview. See Test the menu before shoppers see it.
This is Shopify’s standard method - safe and removable anytime.
Other platforms
The steps above are for Shopify — the default way.
Wix and other websites don’t have this button in Publish. Open step 4 Preview & Test in the left step bar.
Wix and other websites don’t have this button in Publish. Open step 4 Preview & Test in the left step bar.
Copy Menu ID (Method 2: App block)
- Where it is and what it’s for: the Method 2: Insert as an App block in your theme editor card at the end of the Publish window, collapsed. The Menu ID code is on its title line. Click the code to copy it, then paste it into the Menu in Section block in the Theme Editor. This way you can place the menu in any section without a CSS selector.
- Applies to: Desktop Mega, Mobile Mega and Icon Menu, Shopify only.
- Comes with it: this card includes the switch Keep the menu at the top of the page when scrolling up, which pins the menu to the top while scrolling.
- What shoppers see when you change it: copying doesn’t change anything on the store. The menu only appears after you paste the ID into the block in your theme and save the theme. If you turn on both the app block and a placement card at the same time, the menu shows twice, so use only one method.
This is Shopify’s standard method - safe and removable anytime.
SF-5087000775Copy Menu IDThen, paste it into the app block called “Menu in Section” in your theme editor.Other platforms
The steps above are for Shopify — the default way.
Wix doesn’t have the Menu in Section app block.
Other websites don’t have an app block. WordPress uses the shortcode [naviwp embed_id="..."] to place the menu on a page or widget.
Add a loading effect (optional)
- Where it is and what it’s for: a gray line at the end of the Publish window, after the Test step, with a Setup button and an X button. For Mobile Menu, this line is inside the Method 2 field (opened with a CSS selector).
- When it appears: only when you choose Replace (Desktop Mega, Mobile Mega, Icon Menu), or when you open the Mobile Menu with the theme’s own ☰ button.
- Options: Setup opens a message saying that from Nov 5, 2026 this is almost no longer needed. If you still want to do it, click I still want to add a loading effect. X hides this line for that menu completely.
- What shoppers see when you change it: nothing changes. The menu is already printed into the page, so it appears almost instantly. See also Settings that keep your menu loading fast and flicker-free.
This is Shopify’s standard method - safe and removable anytime.
This is Shopify’s standard method - safe and removable anytime.
Other platforms
The steps above are for Shopify — the default way.
Wix doesn’t have this step in Publish.
Other websites don’t have this step in Publish. Add a placeholder yourself if you see the old menu flash when the page loads.