6 Steps to Add a Drop-Down Menu from the Main Menu on Shopify
By Sam Nguyen
When selling online, if you offer a large number of kinds of products to your customers, you will want to group them in categories to help you manage it as well as help the consumers to shop easier. For example, you want to divide your products into 2 types, for men and for women, you can use a drop-down menu to do that and this is also the topic of this writing. In particular, I will show you the process of how to add a drop-down menu from the main menu on Shopify.
Related Posts:
- How to edit a menu item on Shopify
- How to change the display order of menu items on Shopify
- How to remove a menu item on Shopify
- How to access an app’s menu on Shopify
- 54+ Best Shopify Mega Menu Themes
Step 1: Select Navigation
Sign in to your account on Shopify and choose Online store under the Sales channels section. The options list for the Online store will appear that click on Navigation, which is the fourth one.
Step 2: Press on Main menu
In the Navigation, you will see the Menus part and your menu list. Find the one with the title Main menu then press on it.
Step 3: Choose one item to be the header
You can select an item from your list to be the name of your drop-down menu or create the new one by click on Add menu item. Another dialog box will appear that fill in the Name and Link and choose Add respectively. If you don’t want the header to have a reference, you can add # in the Link field.
Step 4: Add menu item
If you use the new header for the drop-down menu, you can do the same to add items for that menu. Select Add menu item and put in the title as well as the destination for the link.
Step 5: Move the item
Hold the ⋮⋮ icon and drag the item to the place under the header of your menu. For example, my menu title is Catalog and I want it consists of 2 options For women and For men. I will follow the instruction and this is the result:
Step 6: Click Save menu
At the end of the page, you can see the Save menu button that press on it to store all changes and end the process.
To add a drop-down menu from the main menu on iPhone (Click here)
- Step 1: Select Store and Online store
Go to Store from your admin display. Next, press on the Online store which is right below the Sales channels section.
- Step 2: Tap Navigation
Look for the Navigation in the settings list of the Online store, it stays at the fourth place and also under the Pages.
- Step 3: Click on Main menu
In the detailed page of Navigation, you will see the list of all of the menus on your store. Tap on the one named Main menu.
- Step 4: Pick an item to be the title
Below the Title as Main menu, you can see Menu items section which consists of all the items in the Main menu. Decide one to be the header of the drop-down menu or add a new item instead.
- Step 5: Include items in the menu
Choose Add menu item to create a new item for the drop-down menu. If you click on it, a new box will appear that you have to enter the name and the link for the item. Instead of picking a destination from the list, you can put in # to mark that there is no reference for this item.
- Step 6: Change the position of items
Tap on the ⋮⋮ symbol and move it to the nest under the title of your drop-down menu. Once you change the place of an item, you will see that there is a 🔻 icon next to the header.
- Step 7: Choose Save menu
After completing all these above steps, select Save menu to finish and help the system record all your adjustment.
To add a drop-down menu from the main menu on Android (Click here)
- Step 1: Select Store and Online store
Get access to Shopify app on your smartphone with the log-in account. Choose Store and Online store respectively.
- Step 2: Tap Navigation
On the top of the Online store settings, it is the Themes section and the preview of your store theme. Scroll down and find the option named Navigation.
- Step 3: Click on Main menu
All of your menus will appear in the Menus that you have to press on the one with the title as Main menu.
- Step 4: Pick an item to be the title
Decide a name for your menu header by choosing one from the items list. If you want to put in a new title, you can select Add menu item and enter the needed information in the boxes.
- Step 5: Include items in the menu
You have to choose Add menu item again but this time, you will create items for the menu you just named. Fill in the Name and Link respectively then tap Add. You need to complete these two details but there is the case that you don’t want to include any reference to the item, you can enter # in the Link instead of choosing a destination.
- Step 6: Change the position of items
Press on the ⋮⋮ symbol and drag the item to spot under the name of your drop-down menu. After you’re done, a 🔻 will appear beside the drop-down title that if you click on it, it will show/hide the components of the menu.
- Step 7: Saving
When you make any adjustment, the system will remind you of Unsaved change then remember to tap on Save at the top of the display or scroll down to the end of the page and select Save menu.
Conclusion
To conclude, this writing is the instruction of how to add a drop-down menu from the main menu on Shopify. You can change the default menu for most themes that you can apply what you’ve learned in this topic regularly. Hope that you enjoy this post and find it helpful to you.
