Navigation
Build menus for your header, footer, and sidebar to help customers browse your store.
Navigation menus control how customers move around your storefront. Create menus for your header, footer, and sidebar — with nested dropdowns, links to products, pages, and external URLs.
Navigation is a toggleable module. If you don't see it in your sidebar, enable it from Settings → Modules.
Creating a menu
Go to Navigation
Click Navigation in the sidebar to see all your menus.
Click Add Menu
Enter a title, handle (URL-friendly identifier), and optionally assign a location.
| Field | Description | Example |
|---|---|---|
| Title | Display name for your reference | Main Menu |
| Handle | Identifier used by your theme | main-menu |
| Location | Where the menu appears on your storefront | Header (Main) |
Add menu items
Click into your new menu and start adding items. Each item can link to:
- Product categories
- Product collections
- Custom pages
- Blog
- Services
- External URLs
- Any internal path
Nest items for dropdowns
Drag items under a parent to create dropdown menus. Customers see the parent as a clickable link with a dropdown arrow revealing child items on hover.
Menu locations
Assign menus to specific locations on your storefront:
| Location | Where it appears |
|---|---|
| Header (Main) | Primary navigation in the storefront header |
| Header (Secondary) | Secondary links in the header (e.g., account, cart) |
| Footer (Main) | Primary footer navigation columns |
| Footer (Secondary) | Secondary footer links (e.g., legal, policies) |
| Sidebar | Side navigation (if your theme supports it) |
You can create multiple menus without assigning a location — useful for menus referenced by specific page builder widgets or custom theme sections.
Managing menu items
Each menu item has:
| Field | Description |
|---|---|
| Title | Text shown to customers |
| Link | URL or internal path |
| Open in new tab | Whether the link opens a new browser tab |
| Hidden | Hide the item without deleting it |
Reordering items
Drag and drop items to reorder them. Drag an item under another to nest it as a child (creating a dropdown).
Hiding items
Toggle an item's visibility without removing it. Hidden items are invisible on the storefront but preserved in your menu structure — useful for seasonal links you want to show/hide periodically.
Menu actions
From the navigation list, each menu supports:
| Action | Description |
|---|---|
| Edit | Open the menu editor to add/remove/reorder items |
| Duplicate | Create a copy of the menu with all its items |
| Hide/Show | Toggle the entire menu's visibility on the storefront |
| Delete | Permanently remove the menu and all its items |
Deleting a menu removes it from your storefront immediately. If the menu was assigned to a location (like Header Main), that location will be empty until you assign another menu.
Best practices
- Keep header menus short — 5-7 top-level items maximum. Use dropdowns for subcategories.
- Use descriptive labels — "Shop by Category" is clearer than just "Categories".
- Include key pages — About, Contact, and Shipping Policy should be easy to find (usually in the footer).
- Test on mobile — nested menus collapse into a hamburger menu on mobile. Make sure the hierarchy makes sense when expanded vertically.
Create a "Footer Links" menu with your legal pages (Privacy Policy, Terms of Service, Refund Policy, Shipping Policy). These are required for most payment gateways and build customer trust.