Let's Get Started
To create a Dropdown menu in your theme, please head into Online Store > Navigation.
In This Article
- Creating A Menu
- Creating A Dropdown Menu with Nested Navigation
- Additional Info on Shopify's Nested Navigation
Creating A Menu
To create your first menu (Formerly known as a "Link list") in Shopify, please select the "Add menu" button. This will allow you to create a new menu in your storefront.
Titles & Handles
When creating your menu, please assign your menu a title, for this example we will use the title "Shop". Please note that your title will become your menus handle, making any capitalized characters lowercase and replacing any spaces with dashes.
Creating A Dropdown Menu with Nested Navigation
To create a Dropdown menu, let's first add a link to our main menu. For this example, we can add a new link titled "Mens".
Add Menu Items with Shopify's new Nested Navigation
To create items that will appear in your dropdown menu, click Add menu item, enter the name of the menu item, and enter or select a destination for the link. Then, click and drag the menu items to nest below the header item:
Congratulations! You have just created your first Dropdown menu. You can now feel free to add links to your menu to configure your Dropdown. When all is said and done you should have a Dropdown menu that resembles the following example:
Additional Info on Shopify's Nested Menus
For additional information on Shopify's new Nested Navigation, please refer to the following article from Shopify and from our OOTS Theme Blog: