Mega menu
Contain sub-menu items and widgets.

Create Menu

1. Go to Navigation to create a menu.
2. Click Add menu to add new or choose any items below the menu to edit.
3. Write the menu's name, then choose Add menu item.
4. Write the menu item's name and choose the item in dropdown box > click Add.
5. To make an item to a child menu, drag it under the main item.
Menu items can also be added to create the same level of a child menu.

Add mega menu to the homepage

1. Go to Themes > Customize.
2. Check Header section > Menu, then edit menu and use the created menu.

Add a top bar to the menu

To achieve the result above, kindly follow the steps:
1. Go to Themes > Customize.
2. In the Header section, add block > choose Top bar.
3. Enable/disable divider and addons by checking the box. Merchants can add a message or leave it blank if they do not want to show it.
Merchants must enter the text for the For item element that matches with the menu item they have set up in the navigation. For example, the menu item namely "All products" then the For item element must be "All products" as well.

Add a banner to the mega menu

To achieve the result above, kindly follow the steps:
1. Go to Themes > Customize.
2. In the Header section, Add block > choose Banner.
3. Match the text in For item element with the corresponding menu item.
Can control container wrapper: use header' container, default, full width, and use container box.
4. In Settings, add an image and insert a link, title, subtitle & button.

Add products to the menu

To achieve the result above, kindly follow the steps:
1. Go to Themes > Customize.
2. In the Header section, Add block > Choose Product list.
3. Match the text in For item element with the corresponding menu item.
Select a collection for this section, set the number of products & columns.
Can control container wrapper: use header' container, default, full width, and use container box.

Add blog post to the menu

To achieve the result above, kindly follow the steps:
1. Go to Themes > Customize.
2. In the Header section, Add block > Choose Blog post.
3. Match the text in For item element with the corresponding menu item.
Select a Blog for this section, control container wrapper: use header' container, default, full width, and use container box.

Add collections to the menu

To achieve the result above, kindly follow the steps:
1. Go to Themes > Customize.
2. In the Header section, Add block > Choose Collections
3. Match the text in For item element with the corresponding menu item.
Can control container wrapper: use header' container, default, full width, and use container box.
4. In the Collections list, choose the collection that merchants want to display and its featured image.

Add custom HTML to the menu

1. Go to Themes > Customize.
2. In the Header section, Add block > Choose Custom HTML
3. Match the text in For item element with the corresponding menu item. Add code to the provided field.
Can control container wrapper: use header' container, default, full width, and use container box.