Explore common menus
👀 Want to see them in action? View live demo → showcase.naviplus.io
Most stores use only one menu type — but each kind serves a different purpose. Combining multiple menu types gives your customers a much better experience: a Tab Bar for instant access, a Slide Menu for deep catalog, a Mega Menu for desktop discovery, a FAB for support — each doing exactly one job, perfectly.
1. Tab Bar (also called: Bottom Navigation, Nav Bar, Bottom Nav)
A fixed navigation bar — placeable at bottom, top, left, or right. Holds 4–5 sections with icon + label. Makes your store feel like a native app. Works on both mobile and desktop. Best as primary site-wide nav — always visible, always within thumb reach. Used by: Shein, ASOS, Zara, Etsy, H\&M, Nike, Uniqlo.
Platform: Desktop and Mobile (Extremely popular)
Tab Bar — fixed nav bar with icon + label, feels like a native app
2. Slide Menu (also called: Drawer Menu, Hamburger Menu)
Slides in from left or right — unlimited items, no size limit, fits your entire site structure. The most popular and mobile-friendly nav pattern. Can be triggered by a hamburger icon, a Tab Bar item, or any button placed within thumb reach. Use it for your full catalog, account links, policies, and anything that doesn’t need to be always visible.
Platform: Mobile (Extremely popular) · Desktop (less common)
Slide Menu — slides in from the side, unlimited depth and items
3. Desktop Mega Menu (also called: Dropdown Menu, Multi-column Menu)
A multi-column dropdown that expands below the header — built to cover your entire desktop navigation in one place. Takes full advantage of the large screen with images, banners, and rich layouts across multiple columns. Replaces the default header menu entirely. The standard for any store with a substantial catalog on desktop.
Platform: Desktop only (Extremely popular)
Desktop Mega Menu — multi-column dropdown with images and rich layouts
4. Mobile Mega Menu (also called: Header Menu, Scrollable Top Menu)
A compact menu bar sitting just below the header — always visible, no tap needed. Scrolls horizontally or splits into tabs to surface your top categories instantly. One of the most recognizable nav patterns on mobile websites. Best for stores with 4–8 priority categories that customers should reach in one tap.
Platform: Mobile only (Popular)
Mobile Mega Menu — always-visible horizontal bar just below the header
5. FAB & Support (also called: Floating Button, Speed Dial)
A floating button fixed to any corner — always visible regardless of scroll. Expands into multiple actions: WhatsApp, Messenger, chat widgets (Shopify Inbox, Tidio, Crisp), hotline, or any custom link. The first place customers look when they need help or support docs. Can auto-hide when not needed to save screen space.
Platform: Desktop (popular) · Mobile (Extremely popular)
FAB & Support — floating button that expands into chat, hotline, and quick actions
6. Grid Menu (also called: Icon Menu, Category Grid)
A grid of tiles — each with an icon or image and a label. Embeds directly into any page section, not a site-wide nav. Gives your store an app-like look and feel, ideal for showcasing 6–12 categories at a glance. Works especially well on homepages, landing pages, and inside Slide Menus.
Platform: Mobile (Popular)
Grid Menu — icon + label tiles embedded into a page section
How to combine them
You don’t have to pick just one. The best-performing stores layer multiple menu types — each doing a specific job:
| Goal | Recommended |
|---|---|
| Primary site-wide nav on mobile | Tab Bar + Slide Menu |
| Full desktop navigation | Desktop Mega Menu |
| Surface top categories on mobile | Mobile Mega Menu |
| Always-on support & contact | FAB & Support |
| Visual category browsing on homepage | Grid Menu |
Frequently Asked Questions
I want my menu to work well on mobile. Which type should I choose?
Start with a Tab Bar or Slide Menu — both are built for mobile. Tab Bar gives instant access to 4–5 main sections; Slide Menu holds your entire site structure with no limit on items.
My store has a lot of categories. How do I show them all without overwhelming customers?
Use a Desktop Mega Menu on desktop (multi-column, supports images and banners) combined with a Slide Menu on mobile (unlimited items, scrollable). Each handles its platform perfectly.
Can I use multiple menu types at the same time?
Yes — and you should. A popular combo: Tab Bar (primary nav) + Slide Menu (full site structure) + FAB (WhatsApp / support). Each type serves a different purpose with no overlap.
I want customers to easily reach support or contact me. What should I add?
Add a FAB & Support button. It stays fixed in a corner of the screen, always visible, and lets you group WhatsApp, Messenger, hotline, and chat widgets into a single button.
Where should I place a Grid Menu?
Grid Menu is not a site-wide nav — it's embedded into a page section (homepage, category page). Use it to visually showcase 6–12 featured categories as app-style tiles.
What if I choose the wrong menu type?
No problem — you can add, edit, or delete menus at any time. If you want to save your work, just export it as a JSON file to reuse later. Think of it like saving a Word document.
I'm on the Starter plan with only 1 menu slot. How can I try more?
Upgrade to Business or Elite — you get a 7-day free trial to explore everything before committing.
Can I import my existing menu into Navi+?
Yes. Navi+ supports AI-assisted import — but you'll need to adjust the result. Here's why: most websites today have a single Mega Menu that automatically collapses into a Hamburger Menu on mobile. Navi+ gives you specialized menu types instead. You'll need to redistribute your content across the right types to get the best experience for your customers.