Navigation
Navigation is where you build the menus in your header and footer. Drag items into order, nest them into dropdowns, and point each one at a page, product, collection or any web address.
Menus
The Navigation page lists your menus with their handle (the name themes use to find them) and how many items each has. Your store starts with default menus, typically a main menu for the header and one for the footer. A default menu's handle can't be changed, because the theme relies on it.
Click Create menu to add another, for example a “Legal” menu for your footer or a sidebar menu for a landing page.
Build a menu
Open the menu
Click it in the list.Add an item and choose what it links to
Pick a type first, then the item:- Home page, Page, Product, Collection, Blog or Blog post
- All products, All collections, Search or Contact
- Web address: any URL, such as
/aboutorhttps://example.com - Heading (no link): a label that only opens a dropdown
Drag to arrange
Drag items up and down to reorder. Drag an item right, under another, to make it a child. Children show as a dropdown under their parent. Everything also works from the keyboard.Fine-tune items (optional)
Each item can have an icon, a badge (such as “New” or “Sale”), a short subtitle, Open in a new tab, and Visible on the storefront. Turn that off to hide an item without deleting it.Save
Changes apply to every page using the menu. Undo and redo are available while you edit.
Links that don't break
Showing a menu on your site
Your header and footer sections choose which menu to display. In the page builder, click the header or footer and pick the menu in its settings. The mobile menu uses the same menu automatically.
Good menu structure
| Business | Example main menu |
|---|---|
| Fashion store | Home · Women ▾ (Kurtas, Sarees, Tops) · Men ▾ · New Arrivals (badge: New) · Sale |
| Clinic | Home · Services ▾ · Doctors · Book Appointment · Contact |
| Agency | Work · Services · About · Blog · Contact |
Keep the top level to around five to seven items. Put policies (Shipping, Returns, Privacy) in the footer menu.
Related guides