# Mega Menu

## Video Guide

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

## Preview

![Meg menu Preivew](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmFGGieSZFqQATCo4p%2F-McmG1WbaGT-npPO-Aoe%2Fmega-menu-demo.png?alt=media\&token=3f9535e3-2353-4a3e-bd58-6d70dbd9bd62)

## Step 1

![Process 1](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmG6vR54q_qrzYFcFk%2F-McmGWoQuyZvHgC0GSsR%2F4.png?alt=media\&token=88e9ca18-777f-429e-bde6-b49e22b6c2a0)

![Demo Mega Setup](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmGiDD-Zgmr59k7Y0g%2F-McmHr2-ZFwLxJVepVFx%2Fmega%202.png?alt=media\&token=9a65e568-b507-42ea-8cc8-1654539b1fe3)

## Step 2

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

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm71ceBiReT85KDvzT%2Fdrop-2.jpg?alt=media\&token=32a5aabc-f0b6-4fce-acd7-1cf0f2ee4fe2)

## Step 3

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm6OqycczDy_PASAP0%2F-Mcm7CvxwscPHZEXwh_k%2Fdrop-3.jpg?alt=media\&token=6872ba0d-04c0-498a-867c-217bb9947079)

## Step 4

* **Add the Mega Menu**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmI-Lc-aqzf9wOpl_0%2F-McmKRiPYM9qesyBBcDn%2Fmega-menu-settings.png?alt=media\&token=d1d1ec2e-ce7a-4e3b-81c0-9eb2de15a86d)

## Step 5

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmKX6uQegfrGpwTj4K%2F-McmLBzu5x1Ce_u-MH5x%2Fmega-menu-settings-1.png?alt=media\&token=7f357359-481b-4ec4-a8f1-c5ce6c480010)

## Step 6

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

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmLKUXSBMAZImdYKgW%2F-McmM7ZRtA2AzRC4uFEy%2Fmega-item-copy.png?alt=media\&token=a189b3f6-1ddd-44fc-99ae-3fb5c44b097d)

## Step 7

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

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmM9NlRFCBdC5OQWXj%2F-McmMsRAAUFwD8xxwRWK%2Fpaste_it.png?alt=media\&token=979ef723-6769-40b3-ad18-222429e2139f)

## **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>
```

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmNC55C2P7HTv7Oktf%2F-McmOPMDHU0JJMD6KKdF%2Fbadg_mega_1.png?alt=media\&token=822343ee-ae55-4c46-b057-284a3fd48251)

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmNC55C2P7HTv7Oktf%2F-McmOhJLtkRl8Qx9ZoM_%2Fbadge_code.png?alt=media\&token=76e1c626-2b88-441c-8027-ce64a0ed79ed)

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

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

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmCCUpBeBHpW8xUcAM%2F-McmCS_4UTUTjLwAqler%2Fbadge-1.jpg?alt=media\&token=7b5ab513-3d2f-442a-ac0a-8df3a161bebf)

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmOwf7d9X_HBuAwVb7%2F-McmPHIU5c3DuGkviOVk%2Fbadge_badge_2.png?alt=media\&token=a99bacc4-5170-4f3d-9f13-3eace41fadf6)