Comment on page
Setting up a Mega Menu for your header
A Mega Menu is a stylized submenu that allows you to also add an image and highlight a portion of your navigation. It can be used to put more links together and group them in a form of subcategories.
The Mega Menu feature in our Modular theme is automated, meaning that there aren't settings in the Theme Editor to enable or disable it. Instead, you'll need to create a navigation menu (link list) from your Shopify Admin that has third-level drop-downs. There is a great article for settings this up by Shopify that goes into amazing detail about the process of creating drop-down menus:
Once you have set up your navigation menu, you need to make sure that the Header section is using it. You can do so by opening your Header section settings and checking which menu is being rendered.
Lastly, the Mega Menu feature will also allow you to add an image to the expanded state. You can also add a link and a title to it if you want to use it as a call to action.
You can also adjust the aspect ratio of the image.
If you have any questions that were not answered above, please refer to the FAQ section below. If you don't find your question in the FAQ section, please feel free to contact our support: [email protected]
The Mega Menu columns resize automatically depending on how many second-level links there are. Setting up more than four columns is possible but they will break into a new line. This is done automatically to prevent your store from getting too cramped.
Yes, you can set up more than just a single Mega Menu by creating multiple submenus with third-level links. However, if you're using the Mega Menu image, it will be repeated across all Mega Menus.