Mega menu

Learn how to set up a mega menu in Sleek theme

In addition to standard dropdown menus, Sleek offers a mega-menu feature.

The mega-menu lets you present your menu in a more detailed and visually appealing format.

GRAB HERE | Code: BFCM2024WIN ⏰ Ends on Dec 24th, 2024 | *applied for 3 months

How to Set up a mega menu

In Sleek, you can add banners, custom cards, and/ or a product list to the menu.

Steps:

1. In the theme editor (Customize), locate the Header section.

2. Click Add block, then select the add-on type you want for your menu.

3. Make necessary changes.

4. Click Save.

Block settings

• Menu item: enter the exact first-level menu item name you want to add the banner to.

For instance, in our example, the mega-menu is contained within the "Pages" link, so we need to enter "Pages":

• Menu columns: between 2 and 6 columns.

• Banners settings: You can add up to 5 banners under one main menu item.

  • Width: 30-100 px.

  • Number of banner columns: 1-5 columns.

Expert Tip 💡Mega menu works best with menus having 3-level menu items.

Demo store reference

Below is how we customize our mega menu in ⭐ Sleek demo Jumped ⭐

Menu item - Presets

Block name: Custom card

Menu item - Shop

Block name: Product list

Menu item - Collections

Block name: Banner