You don't need to know CSS. Just point at the spot on your live store where you want the menu.
1Open Navi+ Live from the Publish window
In the Publish window, click Pick it in Live mode (or Open Live mode). Your live store opens in a new tab.
This is Shopify’s standard method - safe and removable anytime.
2Point and click the spot
Move over the store and Navi+ outlines each part. Click the spot you want. If the selection isn't right, press ↑ to select the box that wraps it.
.site-header nav.site-header navTry menuBelow header.site-headerTry menuHero banner.heroTry menuSave to Navi+ adminDetect again3Try it, then save if you like it
Click Try menu to see the menu appear there (only you can see it). If you like it, click Save to Navi+ admin.
.site-header nav.site-header navTry menuBelow header.site-headerTry menuHero banner.heroTry menuSave to Navi+ adminDetect againFor advanced users. Click Copy (or Cmd/Ctrl + C) to copy the selector of the part you picked, then paste it into the CSS Selector field on the Somewhere else card. For several selectors, separate them with commas; add (M) for phones and (D) for computers. If your store is password protected, enter the password in the new tab, then click Reopen Navi+ Live. You can also add #navidebug-on to the end of your store address.
Other platforms
The steps above are for Shopify — the default way.
On Wix, open Navi+ Live from the Navi+ home page in the Wix Dashboard, or add #navidebug-on to the end of the published site address. The Publish window already has Wix’s selector table, so usually you only need to pick one row.
Other websites: add #navidebug-on to the end of the website address, then point and click as in the steps above. If you need help, send the page address to Navi+ support.