Mega Menu Config

Mega menu is a type of expandable menu in which multiple choices are displayed in a drop-down layout. It is a great design choice to accommodate a large number of options or to display lower-level pages that appear in the menu Header.

1. Connect Header Inline and Mega Menu

To create Mega menu, you need to connect the Mega Item of Header Inline and Mega Parent of the Mega Menu by a corresponding ID.

There is a total of 16 IDs here, from #1 to #16. You just need to choose the same ID for Mega Menu and Mega Item to connect them.

For example, Header Inline: Mega Item - Demo ID to connect is #1; the mega menu to connect with Header needs to set ID #1 in Mega Parent.

2. How to config Mega menu with blocks?

Mega menus have 11 blocks:

  • Mega Menu (Parent)

  • Linklist (child)

  • Linklist 2 ( child )

  • Product (child)

  • Product loop (child)

  • Collection (child)

  • Collection list (child)

  • Banner (child)

  • Banner text (Child)

  • HTML ( child )

  • Blogs (child)

Last updated