Key takeaways
- Go to Online Store > Navigation > click the menu > drag items using the handle on the left.
- The item at the top of the list appears first in the navigation.
- Dropdown (child) items can also be reordered within their parent group.
- Save the menu after reordering for changes to take effect.
Changing the order of your navigation menu items in Shopify is a simple drag-and-drop operation. No code required.
Why you can trust us
We’ve built and customised hundreds of Shopify storefronts. We also built Fudge - an AI storefront editor with a 5.0 rating on the Shopify App Store.
How to reorder menu items
Step 1. In your Shopify admin, go to Online Store > Navigation.
Step 2. Click the menu you want to reorder - typically Main menu or Footer.
Step 3. In the menu editor, hover over any item. A drag handle appears on the left side of the item - it looks like six dots arranged in a grid (or three horizontal lines, depending on your Shopify version).
Step 4. Click and hold the drag handle, then drag the item up or down to its new position.
Step 5. Release to drop it in the new position.
Step 6. Click Save menu to confirm the change.
The updated order appears in your store’s navigation immediately after saving.
Reordering dropdown items
Dropdown items (items nested under a parent) can be reordered independently within their group.
Hover over a child item to reveal its drag handle. Drag it up or down within the dropdown - it stays nested under its parent, just in a different position within the dropdown list.
You can’t drag a child item to become a top-level item using the same gesture. To convert a dropdown item back to a top-level item, drag it left until it’s no longer indented.
Related: Create a Dropdown Menu in Shopify.
Navigation item order strategy
Most e-commerce stores follow a predictable navigation order that customers expect:
Left side of the nav (first items):
- Shop / All Products
- Collections (by category)
- New Arrivals / Sale
Right side (last items):
- About / Our Story
- Blog
- Contact
Putting your main collection links first makes sense because that’s where most visitors want to go. About and Contact pages can sit at the end or in the footer.
For stores with a small number of collections (3-5), flat navigation works well. For stores with many categories, consider grouping them into dropdown menus so the top nav stays clean.
Does navigation order affect SEO?
Navigation order has a minor but real effect on SEO. Links higher up in the page source (earlier in the menu) pass slightly more internal link equity to their destination pages.
From a practical standpoint, the SEO difference is small - you won’t see a dramatic ranking change from reordering your nav. The bigger SEO benefit comes from having your main category pages linked in the nav at all, which Shopify handles well.
More importantly, navigation order affects user behaviour. If your best-selling collection is buried at the end of the nav, fewer people will find it. Put your most important links first.
Related: Edit Meta Titles in Shopify.
Related: Create a Collection Page in Shopify.
Reordering menus that have multiple levels
Shopify’s standard navigation supports two levels: top-level items and one level of nesting (dropdown).
When you reorder top-level items, any dropdown children they contain move with them. The internal order of the dropdown stays the same unless you specifically reorder the children.
Related: Add Promotional Links to Shopify Navigation.
The footer menu
The footer menu is edited exactly the same way - drag to reorder items. If your theme uses multiple footer columns, each column typically has its own assigned menu (e.g., “Footer column 1”, “Footer column 2”). You’d reorder the items within each menu separately.
FAQ
Three usual causes: (1) you're hovering over the wrong area — the handle is on the leftmost edge of each row, (2) you're using a custom-styled admin theme/extension that hides standard UI, or (3) you have a single menu item and there's nothing to reorder against. Refresh the page and try again on a clean admin view.
Not natively. Menu items are managed through the Online Store → Navigation interface only — no CSV import/export. For complex re-orderings (e.g., 50+ menu items across multiple menus), describe what you want to Fudge ("reorder our main menu so collections are ordered by current sales volume") and it handles the bulk update via the Admin API. For 5–10 items, manual drag-and-drop is still faster.
Depends on positioning. Promotional brands often place "Sale" or "Outlet" at the end of the nav (right side), where shoppers expect categorical anomalies. Discount-focused stores put "Sale" first or in a colored highlight to signal it. For most premium brands, hiding sale in a dropdown rather than top-level is more brand-appropriate.
Not directly — menu changes don't ping Google's sitemap. But the next time Google crawls any page on your site, it'll see the updated nav and update its understanding of internal link structure. Major navigation overhauls can take days to weeks to fully propagate in search results.
Limited. Tab focuses elements but native HTML5 drag/drop with keyboard isn't well-supported in the Shopify admin. Use a mouse or trackpad for reordering. For accessibility-driven workflows (screen readers, keyboard-only), the Admin API is the more reliable path.
