Header Menu Config

This guideline helps you create the header menu with Base Item, Dropdown Item and Mega menu Item.

1. Base Item

This is a simple menu item, you can choose the URL to redirect when the customers click on the item.

Go to Header inline > Add block > Base Item

Then you can config for the Base item:

2. Dropdown Item

With Dropdown Item, it allows you to select only one menu to show as a dropdown.

Go to Header inline > Add block > Dropdown Item

Then you can add Link, Menu for the Dropdown item:

3. Mega item

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.

3.1. Connect Header Inline and Mega Menu

To create Mega menu, you need to connect the Mega Item of Header Inline and Mega Menu(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).

3.2. How to config Mega menu with blocks?

Mega menu have 8 blocks:

  • Mega Menu (Parent)

  • Linklist (child)

  • Linklist 2 ( child )

  • Product (child)

  • Collection (child)

  • Banner (child)

  • HTML ( child )

  • Blogs (child)

To the mega menu work normally, you need to use Mega Menu (Parent) and then have the Child blocks.

Go to Mega menu > Add block > Mega Menu (Parent)

Mega menu > Add block > add a child block. Example: Linklist (child)

[Private Offer] EComposer Partner Plan

Exclusively for Kalles 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 Kalles 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 “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated