Shopify navigation menus: building menus that get used

Navigation menus live under Online Store → Navigation — not in the theme editor, which is why it's one of the six things everyone looks for in the wrong place.

A menu is a list of items, each with a label and a link, and items can have children. Your theme decides how those render.

The two menus every store has

• Main menu — the header.
• Footer menu — usually policies, contact, about.

Themes often support more: a secondary header menu, several footer columns, a mobile-specific menu. What's available depends on the theme's settings and sections.

What to link to

Menu items can point at collections, pages, products, blogs, the search page, or an external URL.

Two habits worth adopting:

• Link to collections, not products. A product in the main menu goes out of stock or gets discontinued, and now the menu is broken.
• Write descriptive labels. "Outdoor dining chairs", not "Shop now". The label is anchor text — it tells both customers and search engines what's on the other side.

How deep to nest

• One level — fine for a small catalogue, fastest to scan.
• Two levels — the sweet spot for most stores. Category, then subcategory.
• Three levels — needs a mega menu and a good reason.

Past three, people stop navigating and start searching. That isn't a failure as long as your search works — but it means the menu isn't doing its job.

Because Shopify collections are flat with no parent/child relationship, the menu is where your hierarchy lives. Building it is genuinely part of your information architecture, not a cosmetic task — store structure and navigation.

Mega menus

A large dropdown showing several columns of links, often with images. Right for a big catalogue where a plain dropdown would be a wall of text.

Two rules: keep it fast — mega menus with an image per category are a real weight cost, and the images should be small and lazy-loaded — and make it keyboard-operable, which is the thing most custom mega menus get wrong. Focus must enter it, move through it, and Escape must close it — accessibility.

Whether your theme supports one depends on the theme. Some do it through nested menu items; others need custom section work.

Mobile navigation

Most of your traffic. The drawer needs:

• Top-level categories immediately visible, not three taps deep.
• Large tap targets.
• Proper focus management — focus in on open, trapped while open, returned on close, Escape closes.
• A visible close control.

Details in mobile design.

What doesn't belong in the main menu

• Fourteen top-level items. Nobody scans fourteen.
• Policies and legal pages — those are footer.
• Individual products.
• Your blog, usually, unless content is a genuine acquisition channel.
• An "Account" link taking valuable space on mobile — the icon is enough.

The main menu's job is getting people into the catalogue. Everything else competes with that.

The footer is navigation too

Most of what you link here are content pages rather than collections.

Frequently neglected, and it's where people look for reassurance before buying: delivery information, returns, contact, about, policies.

It's also a legitimate place to link the collections that matter, which helps both customers who scrolled to the bottom and crawlers building a picture of the site.

Test it on someone

Give three people who have never seen the store a product to find, and watch without helping. Count the taps and note where they hesitate.

If they go straight to search, your menu labels don't match how they think about the products — which is a naming problem, not a design one.

The menu is the only part of your information architecture customers actually see. It's worth more thought than the twenty minutes it usually gets.