Header Menu Config
This guideline helps you create the header menu with Base Item, Dropdown Item and Mega menu 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:
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:
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.
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).
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)
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 modified 3mo ago