Navi+ Help
  • Navi+ AI Menu Builder
    The navigation builder for ecommerce — no code, no conflicts.
    Why Navi+?
    Why default menus fall short — and how Navi+ fixes that.
    How to install Navi+
    Install in minutes on Shopify, WordPress, or any website.
    Choose the right menu type & platform
    Tab Bar · Mega Menu · Slide Menu · FAB · Grid Menu
    Common first questions
    The most common questions from new users, answered.
    Install on Shopify Install on WordPress Install for websites
    Ideas
    Default menu is too basic — customers can't find what they want 70% of visitors are on mobile — but your menu is driving them away Spending on ads but visitors bounce — poor navigation kills your funnel Making the menu look better means hiring a developer Every theme switch wipes your menu config — start from scratch No bottom navigation — mobile customers feel like using an old website
    See all ideas →
  • Menu types & items
    Tab Bar
    Fixed bottom nav for mobile, like a native app
    Mega Menu
    Rich dropdown with columns, images & links
    Slide Menu
    Smooth slide-in panel, multi-level navigation
    FAB / Floating
    Quick-access floating button for key actions
    Grid Menu
    Visual image grid for product categories
    Choose the right menu →
    Design
    Design overview How to style main menu items How to style submenu items How to add dividers
    Publish
    Publish overview How to filter by device or URL How to configure mega menu sections How to set up slide menu How to set up sticky & FAB
    Developer docs
    Custom CSS & development How to write correct CSS in Navi+ Integrations overview WordPress & WooCommerce Theme integrations
    Partnership & resources
    Navi+ Care — Design service Earn rev share Changelog / Release Notes All help →
  • Pricing
  • Free support tools
    Tools to help you build a better, faster website. 100% free — no data stored.
    Design & Images
    Batch Image Converter
    Convert PNG, JPG to WebP in bulk
    Image Resizer
    Resize to any dimension instantly
    Color Palette Generator
    Generate brand color palettes
    AI Background Remover
    AI-powered background removal
    Photo Collage Maker
    Combine multiple photos into one
    Color Picker
    Pick exact colors from any image
    Watermark
    Add text or logo watermark to images
    Temp Image Upload
    Share images with a temporary link
    Security
    AES-GCM Encryption
    Encrypt & decrypt text with AES-GCM
    Password Generator
    Generate strong, secure passwords
    JWT Decoder & Inspector
    Decode and inspect JWT tokens
    Hash Generator & Verifier
    Generate MD5, SHA-1, SHA-256 hashes
    All tools →
🇺🇸 English 🇻🇳 Tiếng Việt 🇫🇷 Français 🇩🇪 Deutsch 🇨🇳 中文 🇯🇵 日本語 🇮🇹 Italiano 🇧🇷 Português 🇪🇸 Español
See demo 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 🇻🇳 Tiếng Việt 🇫🇷 Français 🇩🇪 Deutsch 🇨🇳 中文 🇯🇵 日本語 🇮🇹 Italiano 🇧🇷 Português 🇪🇸 Español
See demo Get started
Navi+ Help — Build menus that convert visitors into buyers
FAVORITES
  • Home
  • Getting Started
    • What is Navi+?
    • Why Navi+?
    • How to install Navi+
    • Plans & Pricing comparison
    • Common first questions
  • Navi+ AI (New)
    • Overview
    • Auto design using your AI app
    • Auto design by Navi+ AI
    • Create menu structure
    • Auto-translate menu
  • Menu Types
    • Overview: Choose the right menu
    • Tab Bar
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Mega Menu (Desktop)
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
      • FAQ
    • Mega Menu (Mobile)
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Slide Menu
      • How to use
      • Publishing examples
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • FAB
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Grid Menu
      • How to use
      • Responsive Grid Menu
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
  • Menu Items
    • Item overview
    • Create & manage items
    • Link types
    • Labels, descriptions & badges
    • Icons & images
    • Visibility & conditions
    • Multi-level structure
  • Design
    • Design overview
    • Design level 1 — Main menu items
    • Design level 2-3 — Submenu items
    • Design divider — Separator lines
  • Setting
    • Setting behavior — Animation & interaction
    • Setting layout — Position & size
    • Setting display rules — Conditional visibility
    • Setting slide — Slide menu options
  • Publish
    • Publish overview — Menu types & deploy methods
    • Publish sticky — Tabbar & FAB
    • Publish slide — Context slide menu
    • Publish section — Mega menu & grid
    • Publish filter — Device & URL rules
    • Publish optimize — Speed & UX
  • Customization
    • How to write CSS in Navi+
    • How to apply a custom font
    • How to upload images
    • How to use Tab Slide
    • How to fix Z-index conflicts
  • Publishing & Integration
    • How Navi+ injects into your site
    • HTML & CSS structure of menus
    • Find CSS Selector / Debug mode
    • Shopify-specific
      • Multi-language (Shopify Markets)
      • Optimize loading speed
      • Prevent overlap with other apps
      • Open hamburger/cart/search panels
    • WordPress plugin (NaviPlus Menu Builder)
      • Install the plugin
      • Create your first menu
      • Publish your menus
      • FAQ
    • Chat tools
      • Shopify Inbox
      • Tidio
  • Troubleshooting
    • Menu not displaying on site
    • Menu overlapping other elements
    • Search / Cart / Menu panel not working
    • Shopify Bottom Bar (Google App, iPhone)
    • Performance issues
  • FAQ
    • Customize UI
      • Using built-in settings or custom CSS?
      • Remove menu item active state?
      • Align level 3 submenu in mega menu?
    • Images & Speed optimization
      • Optimize images
      • Optimize speed and UX
    • Transfer menu between menus
    • SEO support
    • Publishing FAQ
  • Developer Docs
    • Menu HTML & CSS structure
    • Write correct CSS in Navi+
    • Add walkthrough / onboarding
  • Changelog / Release Notes
  • Partnership & Resources
    • Affiliate / RevShare program
    • Navi+ Care (design service)
    • Privacy Policy
    • Terms & Conditions
FAVORITES
  • Home
  • Getting Started
    • What is Navi+?
    • Why Navi+?
    • How to install Navi+
    • Plans & Pricing comparison
    • Common first questions
  • Navi+ AI (New)
    • Overview
    • Auto design using your AI app
    • Auto design by Navi+ AI
    • Create menu structure
    • Auto-translate menu
  • Menu Types
    • Overview: Choose the right menu
    • Tab Bar
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Mega Menu (Desktop)
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
      • FAQ
    • Mega Menu (Mobile)
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Slide Menu
      • How to use
      • Publishing examples
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • FAB
      • How to use
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
    • Grid Menu
      • How to use
      • Responsive Grid Menu
      • Publish on Shopify
      • Publish on WordPress
      • Publish on Wix / Others
  • Menu Items
    • Item overview
    • Create & manage items
    • Link types
    • Labels, descriptions & badges
    • Icons & images
    • Visibility & conditions
    • Multi-level structure
  • Design
    • Design overview
    • Design level 1 — Main menu items
    • Design level 2-3 — Submenu items
    • Design divider — Separator lines
  • Setting
    • Setting behavior — Animation & interaction
    • Setting layout — Position & size
    • Setting display rules — Conditional visibility
    • Setting slide — Slide menu options
  • Publish
    • Publish overview — Menu types & deploy methods
    • Publish sticky — Tabbar & FAB
    • Publish slide — Context slide menu
    • Publish section — Mega menu & grid
    • Publish filter — Device & URL rules
    • Publish optimize — Speed & UX
  • Customization
    • How to write CSS in Navi+
    • How to apply a custom font
    • How to upload images
    • How to use Tab Slide
    • How to fix Z-index conflicts
  • Publishing & Integration
    • How Navi+ injects into your site
    • HTML & CSS structure of menus
    • Find CSS Selector / Debug mode
    • Shopify-specific
      • Multi-language (Shopify Markets)
      • Optimize loading speed
      • Prevent overlap with other apps
      • Open hamburger/cart/search panels
    • WordPress plugin (NaviPlus Menu Builder)
      • Install the plugin
      • Create your first menu
      • Publish your menus
      • FAQ
    • Chat tools
      • Shopify Inbox
      • Tidio
  • Troubleshooting
    • Menu not displaying on site
    • Menu overlapping other elements
    • Search / Cart / Menu panel not working
    • Shopify Bottom Bar (Google App, iPhone)
    • Performance issues
  • FAQ
    • Customize UI
      • Using built-in settings or custom CSS?
      • Remove menu item active state?
      • Align level 3 submenu in mega menu?
    • Images & Speed optimization
      • Optimize images
      • Optimize speed and UX
    • Transfer menu between menus
    • SEO support
    • Publishing FAQ
  • Developer Docs
    • Menu HTML & CSS structure
    • Write correct CSS in Navi+
    • Add walkthrough / onboarding
  • Changelog / Release Notes
  • Partnership & Resources
    • Affiliate / RevShare program
    • Navi+ Care (design service)
    • Privacy Policy
    • Terms & Conditions

Frequently Asked Questions

  • Customize User interface (UI)
  • Using built-in settings or custom CSS?
  • Remove menu item active state?
  • Align level 3 submenu in mega menu?
  • Optimize speeds, images and UX
  • Optimize images
  • Optimize speed and improve the user experience (UX).
  • How to Transfer a Navi+ Menu to Another Navi+ Menu
  • How does Navi+ support SEO?
  • Navi+ plans (Starter, Business & Elite)
  • Why aren’t Menu, Search, Cart panels working?
  • Why is Navi+ menu not displayed on my website?
← Back Performance issues
Next Customize UI →
ON THIS PAGE

© 2026 by Navi+ Navi+