Let's Get Started
To create a drop-down menu in your theme, please head into Online Store > Navigation.
In This Article
- Creating A Menu
- Creating A drop-down 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 Drop-down Menu with Nested Navigation
To create a drop-down 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 drop-down 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 drop-down menu. You can now feel free to add links to your menu to configure your drop-down. When all is said and done you should have a drop-down 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: