Another question about dropdown main-menu

Technical Q&A
1

Dear all,

I wanted to change back from mega menu to main menu.

Thats the structure of one of my menus (main menu). There is a 1st-2nd and 3rd level.

DaveD_0-1675580031277.png
DaveD_0-1675580031277.png591×579 21.5 KB

I want the result like this:

DaveD_1-1675580130848.png
DaveD_1-1675580130848.png554×441 41.5 KB

But instead its still a mega menu.

How can I get such a menu where one by one level expand if I go there with the mouse?

Settings in theme editor:

DaveD_0-1675580403456.png
DaveD_0-1675580403456.png274×530 9.82 KB

If I remove the 3rd level of the menu it will become a “normal” menu. But it cannot expand.

Thank you

2

To change a mega menu to a main menu with expanding levels in Shopify, you can follow these steps:

  1. Go to your Shopify store’s dashboard
  2. Navigate to the “Online Store” section
  3. Select “Navigation” from the drop-down menu
  4. Click on the menu you want to edit
  5. Remove any third-level menu items
  6. Customize the style and behavior of the menu using the theme’s liquid code.
  7. Preview the changes and if satisfied, save and publish the changes to your live store.

Note: The exact steps for customizing the menu behavior may vary depending on your Shopify theme. You may need to consult the theme’s documentation or reach out to the theme support for specific instructions.