Website Building » Shopify » How Do I Add a Drop Down Menu in Shopify Debut Theme?

How Do I Add a Drop Down Menu in Shopify Debut Theme?

Last updated on October 1, 2022 @ 10:00 pm

There are many ways to add a drop down menu in Shopify Debut theme. One way is to use the built in Shopify navigation system. Another way is to use a third-party app or plugin.

To use the built in Shopify navigation, go to Online Store > Navigation. From here, you can add a new menu or edit an existing one.

To add a new menu, click Add menu. Give your menu a name and click Save menu.

Now that you have created your menu, it’s time to add some links. To do this, click Add link.

Enter the URL and link text for each link you want to add. You can also specify the Target (_blank or _self), title, and classes for each link. When you’re finished, click Save.

Now that your menu is created and saved, you need to add it to your Debute theme. To do this, go to Online Store > Themes > Edit code. Under the “Layout” heading, click on theme.liquid.

PRO TIP: If you are not careful, adding a drop down menu in Shopify Debut Theme can mess up your whole website. Make sure you know what you are doing before you attempt to add one.

Find the tag and just before it, add the following code:

Replace “header_menu” with the handle of the menu you want to display. For example, if the handle of your menu is “main-menu”, then you would change “header_menu” to “main-menu”. Save your changes and you’re done!

Your Debute theme now has a drop down menu!

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.