This theme comes with mega menu support, and this instruction shows you how to setup the menu.
On this page
The look of a mega menu
-
In Be Concept, 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:
Setting up mega menu
-
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 1 in the section list, navigate to the Menu setting 2 and choose the menu you just created above.
Next, choose the options you want to display in each of the 3 section settings: Menu active, Header layout and Sticky header 3.:
-
The menu should display in a simple dropdown style by now. It's just because we have not setup the mega menu part yet. If you just like this dropdown style, it's all done here.
To continue setting up the mega menu, click Add Mega menu to add a mega menu block:
Next, go to the settings of the mega menu block.
-
In the Menu item setting, just type the name of the menu item that contains the mega-menu. Please note that the name entered in Menu item must match the name of the menu items. Here's an example in which the mega-menu is contained within the Shop item:
-
In the Menu item setting, you can optionally upload up to 5 images for different promotions. These images will be displayed in the mega menu banner.