Mega Menu

By default, all WeTheme themes support three levels of the drop-down menu, but it also possible to configure a 'mega-menu' which will allow you to show your customers a greater number of navigation options:

WeTheme help - Mega Menu

Getting a mega-menu setup only takes a few minutes and a few steps - let's get started.


Preparing the Navigation Menu:

Firstly, your menu structure needs to be set up in the 'Navigation' section of your Shopify dashboard.

For mega menu's the 2nd level will show as subheaders, and 3rd level will show as menu items.

WeTheme help - Mega Menu 2

Once all the menu items are edited to your approval, we need to enable mega-menu functionality for each of the relevant main menu items.

Doing this individually means you can have mega menu functionality for certain menu items, and still have the choice of standard dropdowns for others.


Enabling the Mega Menu:

To enable mega-menu functionality, in your header settings, scroll to the bottom of the settings, and ensure your mega-menu functionality is enabled:

WeTheme help - Mega Menu 3

Click 'Add mega-menu' and enter the name of one of your main menu titles. In this instance, it's 'Dresses'. 

Please ensure the names are exactly the same, including the case:

WeTheme help - Mega Menu 4

Once entered, you should now see the mega-menu view.

The Mega Menu is coded to always stretch across the full width of the screen and can hold up to a maximum of five columns across.

You also have the option to add up to two images, along with optional headers, subheaders and links as you can see at the top of the page. 

These images will always populate to the right of the last menu options and are the perfect place to advertise promotions specific to this mega-menu.

Adding an image will create and use a separate column - so the above example at the page-top is two menus and two images, using four out of five possible columns.

However, the Mega Menu is not coded with a precise limit on how far you can stretch down the page: so breaking your larger menu into sub-menus or nesting them into a few menus instead may make everything much more clearer to navigate for your customers - please do experiment, to find what approach and layout works best for you. 

You can revisit the 'Navigation' section of your Shopify dashboard to change your menu options, including the order, at any time, and it will update the live site.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.