How to create a mega menu?

Lumintheme comes with mega menu support, and this instruction shows you how to setup the menu.

In Lumintheme, you can create a mega menu in which its contents are arranged in columns, like this:

The mega menu is a combination of two parts: menu items and promotions:

First, you need to setup your menu in multiple levels by using the native Shopify navigation. To learn how to create menu in multiple levels (dropdown), please check out the official Shopify documentation. Below is an example of a menu structure to accommodate the mega menu in the very first screenshot:

In your theme settings, click Header in the section list, navigate to the Menu setting and choose the menu you just created above.

Section

Settings

Description

Mega Menu

Menu Link Name

Enters the name of the menu item that you want to contain the mega menu. Please note that the name entered in Menu item must match the name of one of the first-level menu items.

Menu Width

S - 1 columns M - 2 Columns L - 3 Columns Full - Full width

Featured Image

When a second level item of navigation links to a collection with an image, this will have the image displayed above the title of the link. Here's an example:

Furniture second level item: