Explore common menus

Navi+ offers a comprehensive menu solution for your website — far beyond traditional dropdowns.

Depending on your device type and desired user experience, you can choose from several flexible and optimized menu styles:

1. Tab Bar (Bottom Navigation)

As known as Bottom Navigation Bar, Bottom Nav, or Tab Navigation - is a modern navigation style used by global brands like Shein, ASOS, Zara, Etsy, H\&M, Nike, and Uniqlo to enhance mobile user experience. It works well for websites of all sizes and is effective on both mobile and desktop.

Appears at the bottom of mobile screens, helping users:

  • Quickly access 4–5 main areas of your site
  • Navigate easily with their thumbs
  • Enjoy an app-like experience that feels natural on mobile

Platform: Desktop and Mobile (Extremely polular)

2. Mega Menu (Desktop) - Extremely popular

Designed for desktop websites, the Mega Menu is perfect when you want to:

  • Display multiple product categories or content sections at once
  • Organize links into columns, groups, or visual layouts
  • Deliver a professional and intuitive browsing experience

Platform: Desktop only

3. Mobile Mega Menu - Not common

A version of the mega menu optimized for mobile screens — compact, thumb-friendly, and easy to navigate.

You can customize how categories, icons, and visuals are shown to ensure the best mobile user experience. The biggest difference between the Mobile Mega Menu and the Desktop Mega Menu is that on mobile, you can have up to 4 menu items, so you need to decide which ones are the most important and should be prioritized.

Platform: Mobile only

4. Slide Menu (Hamburger Menu)

A slide-out panel from the left or right side of the screen, often used for secondary or utility content such as:

  • Account info, policies, support pages
  • Less frequently accessed product categories
  • Additional links like “About Us,” “Contact,” or “Blog”

Platform: Desktop (not common) and Mobile (Extremely polular)

5. FAB - Floating Menu / Quick Access

A floating button or menu fixed to a corner of the screen (usually bottom-right or bottom-center).

Ideal for:

  • Quick contact buttons (Chat, Hotline, Zalo, Messenger)
  • Key actions (CTAs) like “Buy Now” or “Start Free Trial”
  • Increasing conversions without taking up too much space

Platform: Desktop (polular) and Mobile (Extremely polular)

6. Grid Menu

The Grid Menu displays navigation items in a grid layout, allowing users to view multiple categories at once — each as a square tile with an icon or image.

This style works especially well for:

  • Mobile or tablet homepages and sub-mega menus
  • Product collections with 6–12 categories
  • Creating a clean, app-like visual experience

Platform: Mobile Only (Polular)