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

Design your menu

Everything that shapes how a menu looks and behaves: items and levels, icons and images, styles per level, languages, and your own CSS when you need it.

Style
01Palette→ A few clicks to make your menu match your website's colors. 02Main menu→ Colors, size, spacing and animation of the main bar or trigger. 03Sub menu→ Submenu panels, columns and separator lines.
Menu item
04Add and organize menu items→ Add, link, reorder and nest items up to 3 levels. 05Icons, images and badges→ Choose an icon, upload an image, add labels and badges. 06Special items→ Embed your Shopify menu, group items into tabs, add custom HTML, pin a header or footer. 07Show items only where you want→ Visibility rules per item: page, device, URL keyword, customer. 08Custom CSS and fonts→ Write CSS that only touches your menu; apply a custom font. 09Translate your menu→ Multi-language for Shopify Markets and other sites, manual or auto-translate. 10Design with AI→ Generate a structure or a full design from your store, or with your own AI app.
ON THIS PAGE

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