English Tiếng Việt
See demo Get started

Settings reference

Look up every setting in the app: what it does, its values, which menu types have it and which plans unlock it.

Appearance (Design step)

01Text and font for menu items→ Look up the fields for text color, text size, letter case, font weight, font family and the small description text in Design › Main menu and Sub menu. 02Icons and images in a menu→ Look up the fields that set icon color, size, spacing with text, corner rounding and image ratio in Design › Main menu and Sub menu. 03Padding & margin→ Look up the spacing fields in the Design step: padding and margin for each level 1 item, for level 2–3 items and for the whole menu container, plus how to enter numbers for phones and computers. 04Menu container→ Look up the fields that style the frame around the menu in the Design step — height, background color and image, shadow, corner radius, badge color and divider lines between items.

Configure step

05Mobile & desktop→ How to turn the menu on or off on phones or computers in the Display on mobile and Display on desktop cards, plus how to change the number of Icon Menu items per row on computers. 06Scroll and touch effects→ How to change the highlight color when a shopper touches a menu item, hide or show the menu as the page scrolls, lock page scrolling while a submenu is open and turn on swiping sideways on phones. 07Mobile Menu settings→ How to choose the slide direction of a Mobile Menu, pin the menu fixed on the left, set its width and choose how submenus open on phones and computers. 08Tab Bar / FAB submenu→ Choose how the submenu of a Tab Bar or Floating Button opens in the Submenu Expand Style field — edge to edge, or inset with an arrow — and adjust the width of the submenu on computers. 09Hover→ Look up the desktop hover settings: open submenus without a click, adjust sensitivity, choose how Tabs switch, and change the background or underline effect when hovering over an item. 10Desktop Mega Menu settings→ Look up the layout settings specific to Desktop Mega Menu: set the width and alignment of the menu bar, set the breakpoint for switching to mobile, turn on overflow arrows and size the dropdown. 11Divider & icon weight→ Set the default divider between menu items (color, thickness, line style, length) and the stroke weight for Google icons.
12Menu item types→ Reference for the menu item types in Navi+ such as regular items, big images, group titles, spaces, dividers, tabs, banners and cards: what each one does and which menus it appears in. 13Item layout→ Look up the layout fields for each menu item in the Edit item panel — Display layout, Width layout, Width fix, Position, Height, Margin and Align — with default values and the item types each one applies to. 14Item style→ Look up the settings in the Style block of the Edit item panel. Change the text color, icon, image, background or border of one menu item, and adjust the submenu panel that opens from it. 15Item animation & CSS→ How to use the Animation, Class names, CSS and Attributes fields in the Edit item panel to add motion or custom code to a single menu item. 16Look up every link type→ Quick reference for every link type in the Link to: window of a menu item — open a page in your store, make a phone call, start a chat, scroll the page, change the language, open the cart and share. 17Top header block→ How to adjust each item in the Top header block at the top of the Mobile Menu and Desktop Mega Menu — logo, shop name, search box, shortcuts, social icons, account, buttons and pinning on scroll. 18Campaign→ How to create a campaign in Menu campaigns, add a Tag, Countdown, Image banner or Side tab to a menu or store page, schedule it to turn on and off, and check the results.

Publish

19Mobile Menu open button→ Reference for each setting of the floating button, the ≡ icon next to your logo and the fixed sidebar — the ways shoppers can open a Mobile Menu on your store. 20Placement options when you put a menu on the page→ How to use 3 extra options in the Publish step for Desktop Mega Menu and Icon Menu: change the text color automatically to match the header, adjust spacing and the divider between two Icon Menus, and keep the menu at the top of the page.

Other screens

21App settings→ See what the Settings page of the Navi+ app holds: the Navi+ Live switch, the Navi+ Analytics switch and the Multi-language AI card, by plan and platform. 22Tools in the menu editor→ See what the More button in the menu editor holds: change language, Ask AI, Navi+ Live, keyboard shortcuts, backup, rename and delete a menu. Also how to use Undo/Redo and check for errors in the Preview & Test step.