> For the complete documentation index, see [llms.txt](https://lezada.docs.hasthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lezada.docs.hasthemes.com/navigation-setup/mega-menu.md).

# Mega Menu

## Video Guide

{% embed url="<https://www.youtube.com/watch?v=x2z9_1rpwl8>" %}

## Preview

![Meg menu Preivew](/files/-McmG1WbaGT-npPO-Aoe)

## Step 1

![Process 1](/files/-McmGWoQuyZvHgC0GSsR)

![Demo Mega Setup](/files/-McmHr2-ZFwLxJVepVFx)

## Step 2

* Mega menu **Customizer Settings**
* Go to the **Customize Theme** > **Header Section Settings**
* Go to the **Header Settings** > **Step 1**

![](/files/-Mcm71ceBiReT85KDvzT)

## Step 3

![](/files/-Mcm7CvxwscPHZEXwh_k)

## Step 4

* **Add the Mega Menu**

![](/files/-McmKRiPYM9qesyBBcDn)

## Step 5

![](/files/-McmLBzu5x1Ce_u-MH5x)

## Step 6

* &#x20;**Copy the Dropdown Parent item name**

![](/files/-McmM7ZRtA2AzRC4uFEy)

## Step 7

* &#x20;**Paste it here**

![](/files/-McmMsRAAUFwD8xxwRWK)

## **How To add Badge?** <a href="#how-to-add-badge" id="how-to-add-badge"></a>

### Badge Type 1 <a href="#badge-type-1" id="badge-type-1"></a>

```
<span> NEW</span>
```

![](/files/-McmOPMDHU0JJMD6KKdF)

![](/files/-McmOhJLtkRl8Qx9ZoM_)

### Badge Type 2 <a href="#badge-type-2" id="badge-type-2"></a>

```
<span class="sale"> SALE </span>  
```

![](/files/-McmCS_4UTUTjLwAqler)

![](/files/-McmPHIU5c3DuGkviOVk)