Shopify Navigation Menus: How Deep to Go and Where It Stops

The first menu on most stores is built in an afternoon: a few collections across the top, maybe one dropdown. Then the catalog grows. New departments arrive, seasonal edits need a home, and every rebuild risks breaking a link that a shopper saved or a page that the menu pointed at.

This page separates three things that usually get argued as one: what Shopify's menu system allows at all, what your theme decides to show, and what shape your own catalog needs. The first two are fixed for you. The third is the decision, and it is yours.

The Quick Verdict

Find the row that looks like your catalog, then read the section behind it.

What Does Shopify Limit, and What Does Your Theme Decide?

Menus live in the admin: Shopify's guide says you can view and change your online store menus from Content > Menus. What you can build there is fixed by the platform, while what shoppers actually see is decided by your theme. The table sorts each limit by who sets it.

Shopify Help Center pages on drop-down menus and on understanding menus, and Horizon's Theme Store listing, read September 12–13, 2026.

Depth is the limit that shapes design. The admin lets a top-level item carry two nested levels, and Shopify's guide adds that “Most themes support up to two levels of nested drop-down menus.” Whether your own theme shows the third level is worth confirming before you draw the menu.

The size limits carry one detail worth knowing: each menu can have up to 10,000 items, and a store up to 1,000 menus, and any menu item with sub-items in a drop-down menu counts as a separate menu toward that limit. Every dropdown header you add spends one of them.

If you have never built a nested menu, the walkthrough below goes from creating a menu item to adding first- and second-level dropdown items. It is one creator's beginner tutorial, published in February 2025 on the Shopify Success channel, so check its admin labels against your own screen.

Two Behaviours That Change How You Build

The first catches merchants who expect the header item to go somewhere. Shopify's guide says most themes implement drop-down menu headers as buttons rather than clickable links, and describes the behaviour this way:

Shopify's guide gives the practical move itself: to let customers reach a main category page, add it as the first item within the drop-down menu instead of making the header clickable. So if Women opens a dropdown, add a Shop all women item first inside it that links to the Women collection.

The second is the footer, where Shopify's guide says two things. A note says footer menus can display only top-level items and drop-down menus can't be used in your online store footer, while a later section of the same page says drop-down menus can also be implemented in footer menus.

Check what your theme's footer actually shows before nesting items there; if it shows top-level items only, plan it as a flat list — policies, contact, the few collections worth repeating — rather than as a copy of the header.

How Many Top-Level Items Should a Shopify Menu Have?

Shopify's drop-down menu guide gives one number, as of September 2026: “Add seven or fewer top-level menu items to avoid overcrowding.” It is a best practice, not a limit the admin enforces.

User-experience research pushes back on the number itself, though not on the goal:

The two statements answer different questions. Shopify's is about a crowded header row; NN/g's is about the myth that seven is right for every menu. Neither names your number.

So start from your catalog. Count the departments a shopper actually chooses between first, and if there are more than seven, group some under a shared header. That grouping adds a nested level, which is the question the next two sections answer.

For one practitioner's take on what belongs in the top row, under a category and in the footer, the 2023 video below from the Shopify Success channel walks through it. It is a view, not a source: nothing on this page rests on it.

Should a Catalog Layer Be a Menu Level, a Collection or a Filter?

Before adding a level, ask what kind of layer it is. In most cases a menu item in Shopify links to something that already exists — in Shopify's words, “you need to create a collection before you can add the collection to a menu.” Every level you add is more collections or pages to maintain.

Filters are a separate tool. Shopify's Search & Discovery filters let customers refine which products are displayed on collection pages and in search results. Putting menus and filters side by side as alternatives is our reading: Shopify documents them on separate pages, not as a choice.

Our mapping, built from Shopify Help Center pages on drop-down menus, understanding menus and Search & Discovery filters, read September 12, 2026.

A flat menu has a starting point already: Shopify's main menu comes with two default items, Home and Catalog, a page that displays all of your products. For a small catalog that shoppers narrow by attribute, those plus a handful of collections and filters can be the whole navigation.

If your collections already filter, our technical SEO audit shows how to tell which filtering model your store uses before you add more.

Simple Dropdown, Full Depth or a Mega Menu?

Once you know which layers belong in the menu, the remaining question is form. It is tempting to flatten everything to keep shoppers within a few clicks, but NN/g's review of the 3-click rule reports a study by Joshua Porter in which user dropoff did not increase when a task took more than 3 clicks, nor did satisfaction decrease — a finding about users, not about search engines.

For the menu, then, the test is whether each step is easy to take, not how many steps there are.

Will a Deeper Menu Cost You Search Traffic?

One number from Shopify's SEO guidance often comes up when menus are discussed: its menu guidance for SEO says “Pages shouldn't be more than 3 clicks away from the home page, wherever possible.” That is SEO guidance with a qualifier, not a platform limit — whether a deeper menu actually costs rankings is answered on its own page.

Why a Cascading Third Level Is the Hard One

Shopify will let a top-level item carry two nested levels. Whether a shopper can use them comfortably depends on how the theme draws them, and NN/g's menu-design guidelines are specific about the plain dropdown:

The mapping to Shopify is our reading, because NN/g's tiers are not Shopify's levels. A dropdown with one set of nested items is the one-tier case. A second flyout under it — Shopify's full depth drawn as a cascade — is the two-tier case NN/g calls frustrating.

So one nested level can stay a dropdown. Using both is the point where the form should change, not the point where the catalog has to shrink.

When a Mega Menu Earns Its Place

The alternative keeps the same menu structure and lays it out differently. NN/g's guideline for deep structures:

Whether you can use one depends on your theme. Horizon's Theme Store listing names Mega menu among its product discovery features, next to product filtering and sorting, as read on September 12, 2026. What a free theme's mega menu can carry against a paid theme's is weighed in our Horizon guide.

What a theme-built mega menu looks like in practice varies by theme. The 2022 tutorial below comes from Fluorescent, a premium theme developer, and sets one up in its own Stiletto theme; in Horizon or any other theme the settings are named and placed differently.

If Your Theme Has No Mega Menu

If your theme's feature list names no mega menu, the choice is between changing where the menu lives and changing the theme. An app is the route that leaves your theme alone, with one consequence Shopify spells out:

So a menu built in an app is maintained in that app, and leaving the app means going back to Content > Menus. We found these three on the Shopify App Store. As listed there on September 13, 2026, Buddha Mega Menu and Navi+ list a free plan and C: Mega Menu lists a free trial. The list is a dated snapshot, not every mega menu app that exists:

• Buddha Mega Menu & Navigation — its listing says it builds “stylish mega menus that help shoppers find products fast.”
• C: Mega Menu — its listing says it builds “flexible mega menus that improve store navigation.”
• Navi+ Tab Bar & Mega Menu — its listing pitches tab bars and mega menus for faster mobile browsing, in the vendor's own words.

The other two routes change the theme. A theme that lists a mega menu, Horizon among them, puts the feature in the theme you maintain anyway. Building one into your current theme's code is custom development work.

How Does a Deep Menu Behave on Phones?

Shopify's drop-down menu guide does give one instruction: create a test menu structure with your desired number of nested levels and verify that it displays correctly on both desktop and mobile devices. It adds that some themes might require CSS adjustments to improve mobile usability.

None of the official pages we read, though — Shopify's Help Center pages on menus and links, drop-down menus, editing menus, understanding menus and URL redirects, and Horizon's Theme Store listing, on September 12, 2026 — describes how a third menu level behaves on a phone.

What follows is our reading, not Shopify's documentation. A phone has less room than a desktop to show two nested levels at once, so the cost NN/g describes for layered dropdowns is unlikely to shrink there. A mega menu's advantage, skipping a level, is the part worth checking in your theme's mobile layout.

Find the Menu Shape for Your Catalog

The verdict table at the top answers by profile. This answers by combination: how wide your top row is, how many choices sit below it, how shoppers narrow, where they browse and what your theme already offers. Those five cross in ways a single row cannot show.

None of the four routes is a wrong answer — each is a menu shape with the setup it needs.

How to Build or Rebuild a Menu Without Breaking Links

Menus fail quietly. Shopify's troubleshooting note says that if menu links disappear without being deleted, check whether the products, collections or pages they linked to were deleted, because deleting the linked resource also removes the menu item.

Addresses are the second risk. Shopify's URL redirect guide says that when you change a URL on your Shopify store, you can create a URL redirect to ensure your customers can still find what they're looking for.

Renaming a collection has its own wrinkle for menus, and what a redirect does not fix is worth reading before you rename anything the menu points at.

The checklist covers a first build and a rebuild alike. Steps one and two prepare the pages and addresses the menu depends on, three to six are the build rules from the sections above, and deletion comes last, once the new menu is live and tested.

The Bottom Line

The platform's ceilings are clear, and your theme decides the rest. What goes wrong on a growing store is often closer to home: an attribute built as a menu level, a department header that links nowhere, or a rebuild that deleted what the menu pointed at.

Frequently Asked Questions