October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PCOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk3 min

Shopify Dropdown Menus: How to Build and Troubleshoot Them

Create a Shopify dropdown by nesting menu links beneath a top-level item, then verify that your theme displays it as intended on desktop and mobile.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To create a dropdown menu in Shopify, open Content > Menus, edit your main menu, and drag submenu links beneath a top-level item until they are indented. Save the menu, then check it on desktop and mobile. The dropdown’s appearance and supported nesting depend on your theme.

Build a dropdown in Shopify’s menu editor

  1. In Shopify admin, go to Content > Menus, then open your main menu.

    As an Amazon Associate I earn from qualifying purchases.

  2. Choose an existing top-level menu item to serve as the dropdown header, or add a new item. If customers should use the header only to open the dropdown, Shopify’s instructions say to set its link to #. This is not a useful destination page. If the header represents a category customers should visit, add that category page as a separate submenu link.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  3. Add each submenu item with a clear label and a destination, such as an existing collection or page. Create the destination first if it does not already exist.

  4. Drag each submenu item below the intended header until it is indented, then save the menu. Nesting—not a special dropdown toggle—establishes the parent-and-child relationship in the menu.

Shopify’s desktop instructions and mobile-app workflow both use nested menu items to create dropdowns. See Shopify’s drop-down menu setup guide.

Check the dropdown in your theme

A saved nested menu does not guarantee that every storefront will display it identically. Shopify says menus can look different across themes; most themes support up to two levels of nested dropdowns. Its menu overview says all Online Store 2.0 themes support multilevel navigation, while older sectioned themes might need updates. Check the guidance for your theme and preview the storefront at desktop and mobile widths before publishing the navigation.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Also confirm the storefront header is assigned to the menu you edited. Shopify describes dropdown headers in most themes as buttons that expand the submenu, rather than links that both navigate and open a dropdown. That behavior can be clearer for assistive-technology users. If the category itself needs a landing page, include it as a submenu destination instead of relying on the header to do two jobs. See Shopify’s menu overview.

If submenu links do not appear

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

When the built-in editor is not enough

For ordinary grouped navigation, start with Shopify’s menu editor. If your theme cannot provide the nesting or display behavior you need, a Shopify Partner or theme developer can assess a code change or another theme-specific solution. The appropriate option depends on the required nesting, desktop and mobile behavior, and theme compatibility; Shopify outlines the support route in its menu overview.

Can you use a dropdown in the footer?

Shopify’s documentation is not consistent on footer dropdown behavior: its setup guide says footer menus can display only top-level items, but also describes optional nesting for footer menus. Do not assume a nested footer menu will appear as a dropdown. Test it in your theme and consult that theme’s current guidance if footer navigation matters.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Crashes, No Sound, or Screen Glitches?Free driver scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.