Navi+ Help
  • Get started
  • Troubleshooting
  • naviplus.io ↗
Get started
    • Why Navi+?
    • How to install Navi+
    • Choose the right menu type & platform
    • Common first questions
    • Install on Shopify Install on WordPress Install for websites
    • Menu types & items
    • Tab Bar
    • Mega Menu
    • Slide Menu
    • FAB / Floating
    • Grid Menu
    • Design
    • Design overview
    • How to style main menu items
    • How to style submenu items
    • Publish overview
    • How to filter by device or URL
    • How to set up sticky & FAB
    • Developer docs
    • Custom CSS & development
    • Integrations overview
    • WordPress & WooCommerce
    • Navi+ Care — Design service
    • Changelog / Release Notes
    • All help →
  • Pricing
    • Design & Images
    • Batch Image Converter
    • Image Resizer
    • Color Palette Generator
    • AI Background Remover
    • Photo Collage Maker
    • Color Picker
    • Watermark
    • Temp Image Upload
    • Security
    • AES-GCM Encryption
    • Password Generator
    • JWT Decoder & Inspector
    • Hash Generator & Verifier
    • All tools →
🇺🇸 English
See demo Get started
Navi+ Help — Build menus that convert visitors into buyers
FAVORITES
  • Home
  • Get started
    • Install Navi+
    • Turn on the Navi+ app embed
    • Your first menu in 5 minutes
    • What Navi+ adds to your theme (and what it doesn't)
    • Common first questions
  • Choose a menu
    • Which menu fits your store?
    • Create a Desktop Mega Menu
    • Create a Mobile Menu
    • Create a Tab Bar
    • Create a Mobile Mega Menu
    • Create an Icon Menu
    • Create a Floating Button
  • Design your menu
    • Style
      • Palette
      • Main menu
      • Sub menu
    • Menu item
      • Add and organize menu items
      • Icons, images and badges
      • Special items
      • Show items only where you want
    • Custom CSS and fonts
    • Translate your menu
    • Design with AI
  • Preview and test
    • Preview in the app vs. on your store
    • Test on a draft theme before going live
    • Debug mode and finding a CSS selector
  • Publish to your store
    • Where each menu can be published
    • Publish a Tab Bar or Floating Button
    • Publish a Mobile Menu
    • Publish a Desktop Mega Menu
    • Publish a Mobile Mega Menu or Icon Menu
    • Display rules: pages, devices, URL keywords
    • Hide your theme's own menu
    • Speed settings when publishing
  • Troubleshooting and FAQ
    • Menu not showing on your store?
    • Menu shows twice, or the theme menu is still there
    • Menu overlaps a chat widget, cookie banner or header
    • Menu disappeared after changing theme
    • Does Navi+ slow down my store?
    • Theme compatibility
    • Plans and billing
    • How to get help
    • FAQ
FAVORITES
  • Home
  • Get started
    • Install Navi+
    • Turn on the Navi+ app embed
    • Your first menu in 5 minutes
    • What Navi+ adds to your theme (and what it doesn't)
    • Common first questions
  • Choose a menu
    • Which menu fits your store?
    • Create a Desktop Mega Menu
    • Create a Mobile Menu
    • Create a Tab Bar
    • Create a Mobile Mega Menu
    • Create an Icon Menu
    • Create a Floating Button
  • Design your menu
    • Style
      • Palette
      • Main menu
      • Sub menu
    • Menu item
      • Add and organize menu items
      • Icons, images and badges
      • Special items
      • Show items only where you want
    • Custom CSS and fonts
    • Translate your menu
    • Design with AI
  • Preview and test
    • Preview in the app vs. on your store
    • Test on a draft theme before going live
    • Debug mode and finding a CSS selector
  • Publish to your store
    • Where each menu can be published
    • Publish a Tab Bar or Floating Button
    • Publish a Mobile Menu
    • Publish a Desktop Mega Menu
    • Publish a Mobile Mega Menu or Icon Menu
    • Display rules: pages, devices, URL keywords
    • Hide your theme's own menu
    • Speed settings when publishing
  • Troubleshooting and FAQ
    • Menu not showing on your store?
    • Menu shows twice, or the theme menu is still there
    • Menu overlaps a chat widget, cookie banner or header
    • Menu disappeared after changing theme
    • Does Navi+ slow down my store?
    • Theme compatibility
    • Plans and billing
    • How to get help
    • FAQ

Preview and test

The preview inside Navi+ doesn't run your theme's CSS or your other apps. These three guides show how to check a menu the way your customers will see it.

01Preview in the app vs. on your store→ The in-app preview doesn't run your theme's CSS or apps — always check the storefront. 02Test on a draft theme before going live→ Publish to an unpublished theme copy, preview it, then switch. 03Debug mode and finding a CSS selector→ Use Navi+ debug mode first; fall back to browser DevTools.
ON THIS PAGE

Navi+ ·Shopify App Store ·[email protected] Built in Vietnam · 2026