> 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/dropdown-menu.md).

# Dropdown Menu

## **Video Guide**

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

## Step1

* 1st add menu then create a dropdown menu by drag & drop

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm4s3RZjIrEu25UMEe%2F-Mcm6HZ5lLVgxOkyAEcB%2F2.png?alt=media\&token=5af9e915-efd2-445e-9791-1ad3c25ed16c)

## Step 2

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

![Go to the header settings](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

![Click here to add dropdown menu](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

* &#x20;**Add the Dropdown Menu**

![Add the drodown menu block](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm7M2jxRizLqdZH0rm%2F-Mcm7_Kr8VDOS4jrasaP%2Fdrop-4.jpg?alt=media\&token=083faf7a-9f7c-4266-aa00-30fc1e9ed4f6)

![Click here on the dropdown menu](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm7M2jxRizLqdZH0rm%2F-Mcm7w6syKobIZArQs4_%2Fdrop-5.jpg?alt=media\&token=1d19573c-bf2f-45f0-81c4-10d19b734dfb)

## Step 5

* &#x20; **Go to the Navigation**

![Copy and Paste Full Item name From Main Menu. Go to the Navigation menu from admin](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm887VbR0z5bpAA9YT%2F-Mcm8Hz8K5ZCmWGKBXVv%2Fdrop-6.jpg?alt=media\&token=2ddf967b-cd89-4f18-b5f3-5512e34e7acb)

## 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-Mcm887VbR0z5bpAA9YT%2F-Mcm9n6_AcqL5BBNnviZ%2Fdrop-7.jpg?alt=media\&token=70fa10a0-28b9-4d04-acba-f96c419324a5)

## Step 7

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

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-Mcm887VbR0z5bpAA9YT%2F-McmA1gXy3FzRF8Uuweg%2Fdrop-8.jpg?alt=media\&token=87be6d7c-5a4e-4b75-85a4-95af1988a23d)

## **How To add Badge?**

### Badge Type 1

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

![Demo](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmAbodNF8w2-jiorB_%2F-McmBrEVmSWSq7Br5PID%2Fbadge_item.png?alt=media\&token=ea53ae46-fecd-4c33-a438-52068fccb250)

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-McmBu25XHDDwq0_uDEF%2F-McmC8yv6SerxFT_gxgq%2Fbadge2.jpg?alt=media\&token=d9427fcd-6ed9-4b30-b5f3-7e4d236ed104)

### Badge Type 2

```markup
<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-McmCCUpBeBHpW8xUcAM%2F-McmCawcrAMCMGvAY49t%2Fbadge-4.jpg?alt=media\&token=d7351122-6923-403c-8ece-bec9fc4f1a2e)