Try Sleek free

Mega menu

Learn how to set up a mega menu in Sleek theme

Install FoxTransfer Chrome Extension FREE here

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.

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

PreviousHeaderNextUse Country/ Region selector

Last updated

Was this helpful?