Create a Mega Menu

You can a maximum of 50 blocks for the menu.

1. How to build a Mega menu

1.1. Mega Menu (Parent)

In order to create a Megamenu, you must use Megamenu (parent) first. The Mega menu (Parent) will be on the Header, it contains all submenus in a dropdown type.

  • Heading: You can enter Heading for Mega Menu here.

  • Link: When your customers click on Menu, the link will work. Moreover, you can choose between open in the current or new window, or even add an icon.

  • Position Submenu: You can choose between Default (Left) and Center.

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

  • Heading: You can enter Heading for Mega Menu here.

  • Link: When your customers click on Menu, the link will work. Moreover, you can choose between open in the current or new window, or even add an icon.

  • Add menu: You can add a menu that contains many submenus here.

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

All configurations are the same as Linklist (child) above. The only different thing is the style that you can see in the below image

1.4. Product (Child)

  • Collection: You can choose a product collection for your menu.

  • Column product: You can set Column for a product there.

  • Product item design: There are 6 designs for you to choose from. You can also choose to show Vendor or not.

  • Countdown timer: You must set it by Metafiled here first, then you can change the designs for it.

  • You are allowed to change Image ratio, Image size, Image position, Product Content Align, Items per row, and Space horizontal/vertical items.

  • Maximum products to show: You can choose to show how many products.

  • Layout design: There are Slider and Grid. You can choose between these two options

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

1.5. Collection (Child)

  • Collection: You can choose a product collection for your menu.

  • Image: You are allowed to upload a featured image to your collection.

  • Title: It will overwrite your Collection title. Leave it blank if you don't want to change it.

  • Collection item design: There are a total of 3 designs for you to choose from.

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

1.6. Banner (Child)

  • Image item: You can upload an image for your banner here.

  • Content HTML: You are allowed to freely add HTML content to your banner, especially, the content alignment can be adjusted too.

  • Content position options: You can change Content vertical position, Content horizontal position, Text and Color Overlay, and Overlay opacity.

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

1.7. HTML (Child)

  • HTML custom: Allow you to add HTML directly here.

  • Content page: You can create a page before adding it here to show.

  • Width col: You can change the width of each block of a Mega Item here. The column rates are corresponding to percentages.

2. Other types

Besides, if you don't want to build a Mega menu, you can choose other types for your menu.

2.1. Menu Dropdown (lv 1)

  • Heading: You can enter Heading for Mega Menu here.

  • Link: When your customers click on Menu, the link will work. Moreover, you can choose between opening in the current or new window or even adding an icon.

  • Add menu: You can add a menu that contains many submenus here. Then, all will be shown under the drop-down type.

  • Custom heading color: You can enable it or not. If you enable it, you can add Label, and change the Heading and Label color.

  • Position: There are three positions for you to choose from, including Start, Center, and End.

2.2. Items no childrent (lv1)

  • Heading: You are allowed to enter Heading here.

  • Link: You can paste a random link or choose an available link (page/collection/product).

  • Besides, you can add Icon, Heading color, Label, and Label color here.

[Private offer] EComposer Partner Plan

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

Cheers, The4.

Last updated