Shopify themes and design
Shopify navigation redesign
Navigation is how shoppers who do not arrive on a product page find one. When the menu reflects how the business organises its stock rather than how customers think about what they want, people get lost, use search for everything or leave.
This page explains how to redesign Shopify navigation: grouping the range, working within Shopify's menu structure, presenting menus on desktop and phones, and changing collections without breaking links.
Illustrative diagram
Main menu
- Shop by type
- Tops
- Dresses
- Accessories
- Shop by occasion
- Workwear
- Weddings
- New in
- This week
- Back in stock
- Help
- Size guide
- Delivery
Group the range the way shoppers think
Businesses often organise menus by supplier, internal category codes or the order in which ranges were added. Shoppers think in terms of what they need: a product type, an occasion, a room, a problem to solve. A navigation redesign starts by listing the ways customers describe what they want, using site search terms, customer questions and the words used in reviews, then grouping the range accordingly.
The same product can appear in several collections, so the menu can offer more than one route to it.
Common grouping patterns
| Group by | Suits | Example top-level items |
|---|---|---|
| Product type | Most stores | Dresses, Tops, Accessories |
| Need or problem | Skincare, health, tools | Dry skin, Sensitive skin, Ageing |
| Room or use | Homeware, furniture | Living room, Kitchen, Garden |
| Occasion or recipient | Gifts, cards | Birthdays, Weddings, For him |
| Collection or season | Fashion drops | New in, Autumn edit, Sale |
Shopify's menu structure
Menus are managed in the Shopify admin under navigation and linked to collections, products, pages or external addresses. Shopify supports nested menu items to two levels below the top level, so a menu can have three tiers at most. How those tiers are displayed, as simple dropdowns or as large mega menus with images, depends on the theme.
Three tiers are plenty for most stores. If the range seems to need more, the grouping usually needs simplifying, or filters within collections should do the extra narrowing.
Navigation on phones
The drawer
- Short top level that fits without scrolling
- Clear back and close controls
- Tap targets large enough for thumbs
Alongside the menu
- Search visible in the header or drawer
- Account and cart easy to reach
- Key collections also linked from the homepage
Common navigation mistakes
Internal jargon
Range names that mean something to staff but not to customers.
Too many top-level items
A long row that wraps on desktop and overwhelms the phone drawer.
Empty or tiny collections in the menu
Shoppers click through to two products or none.
Sale as the only route
Permanent sale links that train customers to wait.
Renaming collections without breaking links
A navigation redesign often renames, merges or splits collections, which can change their URLs. Old URLs may be bookmarked, shared on social media or ranking in search results. Shopify's URL redirects let you send each old address to its replacement. Listing every changed collection URL and creating its redirect is part of the redesign, not an afterthought.
Test the new structure before building it
A simple way to check a proposed menu is to ask a few customers or colleagues to find specific products using only the proposed labels, written on paper or in a spreadsheet. If they hesitate or choose the wrong group, the labels need work. This kind of quick check costs little and avoids rebuilding the menu after launch.
Search is part of navigation
Many shoppers skip the menu and type what they want. A visible search field, results that show products and collections, and sensible handling of misspellings and synonyms all support navigation. If your search terms show people looking for things using words that do not appear anywhere in your product titles or descriptions, adding those words where they genuinely fit helps both search and the menu labels.
Reviewing search terms regularly keeps the navigation aligned with how customers actually describe your range.
Questions about Shopify navigation redesign
How many levels can a Shopify menu have?
Shopify supports nested items two levels below the top level, so three tiers in total.
What is a mega menu?
A large dropdown showing several columns of links, sometimes with images. Whether it is available depends on the theme.
Can a product appear in several menu routes?
Yes. Products can belong to several collections, each linked from the menu.
Will renaming collections hurt search rankings?
Redirecting old URLs to new ones limits the impact.
Should Sale be in the main menu?
During sales, often yes. Permanently, it can encourage customers to wait for discounts.
Can the mobile menu differ from desktop?
The same menu is usually shown differently; some themes allow separate mobile menus.
How do we know what shoppers call things?
Site search terms, customer emails and review wording are good sources.
Should the menu link to product pages directly?
Occasionally, for hero products. Usually menus link to collections, which give shoppers a choice.
How often should navigation be reviewed?
When the range changes noticeably, and at least yearly using search terms and collection visits.
Sources referenced
Platform features, guidance and rules change. We check the current versions before committing to an approach. This page is general information, not legal advice.
- Shopify Help Center: Adding drop-down menus (opens in a new tab) — reviewed 2026-10-22
- Shopify Help Center: Creating URL redirects (opens in a new tab) — reviewed 2026-10-22
Request a Custom Quote
Ask about Shopify navigation redesign
Thank you — your enquiry has been sent.
We have received your message and will reply by email. If you need to add anything, email info@letgetgrow.com.