Add a mega menu to your main navigation

Adding a mega menu to your main navigation is simple. Under the Header section click on “Add block” and select “Mega menu“.

Click on the Mega menu item enter the exact name of the first level menu item you would like to transform to a mega menu.

For example: Your main navigation consists of “Home”, “Shop By Category”, “Shop By Brand”, “New Arrivals”, “Contact”. If you wanted to have “Shop By Category” and its sub-menu to be the mega menu you would type “Shop By Category” in the Menu item field. Please note that the text is case-sensitive.

Now every sub-menu on that menu item will be turned into a list of menu items.

Please note: For a mega menu to make sense, your mega menu item top level item should have two more levels of items.

You can also add a Side item with an Image, Heading, a brief description (Text) and a Link to point to. The side item of your mega menu will always be displayed as the last item in the menu.

Mega menu – Featured

A second type of mega menu is available, where instead of simple link items, you can display products or collections. To add one, under the Header section click on “Add block” and select “Mega menu – Featured“.

Select the newly added block, and in the Menu item input, enter the exact name of the first level menu item you would like to transform to a featured mega menu.

For example: Your main navigation consists of “Home”, “Shop By Category”, “Shop By Brand”, “New Arrivals”, “Contact”. If you wanted to have “Shop By Category” be the mega menu you would type “Shop By Category” in the Menu item field. Please note that the text is case-sensitive.

Then, select whether you want to display products or collections from the Content type setting, and proceed with selecting the products or collections.

You can then customize the layout by changing the number of items and columns, the images’ ratio, whether to show their titles, and how to align them.