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 #2; the mega menu to connect with Header needs to set ID #2 in Mega Menu (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)

To the mega menu work normally, you need to a Parent block - Mega Menu and then have the Child blocks.

3. Dropdown Item?

With Dropdown Item you do not need to connect ID, it allows you to select only one menu in this part.

4. Base Item

You do not connect with an ID, it allows you to add only a link in this part.

[Private Offer] EComposer Partner Plan

Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Gecko with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free

Cheers, The4.

Last updated