# Mega menu

<Embed url="https://youtu.be/ou98y9G1x4Q" />

![image](https://docs-assets.foxecom.app/sleek-theme/image_T0EEM0rL.png)

In addition to standard dropdown menus, Sleek offers a mega-menu feature.&#x20;

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.&#x20;

<Hint type="success">

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

</Hint>

![image](https://docs-assets.foxecom.app/sleek-theme/image_A9FbWlRo.png)

## Block settings

* **Menu item**: enter the **exact first-level menu item name** you want to add the banner to.&#x20;

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

![image](https://docs-assets.foxecom.app/sleek-theme/image_q8NasRSg.png)

* **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](https://docs-assets.foxecom.app/sleek-theme/image_VVH1WjRX.png)

<Hint type="success">

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

![image](https://docs-assets.foxecom.app/sleek-theme/image_4vJaJfyK.png)

</Hint>

## Demo store reference

Below is how we customize our mega menu in ⭐ [Sleek demo Jumped](https://themes.shopify.com/themes/sleek/presets/jumped?utm_source=foxecom\&utm_medium=help_center_sleek_mega_menu\&utm_campaign=anchor_text\&utm_term=sleek_demo_jumped) ⭐

### Menu item - Presets

Block name: **Custom card**&#x20;

![image](https://docs-assets.foxecom.app/sleek-theme/image_m20QyDmu.png)

### Menu item - Shop

Block name: **Product list**&#x20;

![image](https://docs-assets.foxecom.app/sleek-theme/image_qGEHvW9h.png)

### Menu item - Collections

Block name: **Banner**

![image](https://docs-assets.foxecom.app/sleek-theme/image_Pl45nPNZ.png)