Sleek Theme
Sleek Theme
Pages Global SectionsHeader

Mega menu

2 min read
image

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.
image

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":

image
  • 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.
image

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

image

Demo store reference

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

Block name: Custom card

image

Block name: Product list

image

Block name: Banner

image
Last updated