# Mega menu

**Step 1** - Navigate to manager Menu : **Appearance > Menu**.

**Step 2** - Choose Menu you want to show **Mega menu**.

**Step 3** - Click the button **Mega** to create **Mega menu** for Item. So this Mega menu will show when you hover  over Item you choose to ad Mega menu.

![](https://20447737-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyFdH4PN8P_StZNTZx%2F-MHyG5227DxGn-pkddOx%2Fimage.png?alt=media\&token=3fead8ee-5df0-48f5-bb1f-776b150faf72)

**Step 4** - A popup window is displayed. You can settings it before building content **Mega menu**.

![](https://20447737-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyFdH4PN8P_StZNTZx%2F-MHyH5pxvcumGhD0m0Dt%2Fimage.png?alt=media\&token=1bbc3a16-bc79-43d9-8f37-1e9ae745c486)

(1) Click button **Edit Megamenu Submenu** to build **Mega menu**.

(2) Set Width for **Mega menu.**

 Note : Edits must be saved before you click **Edit Megamenu Submenu** to save your settings.

**Step 5** - Click **Edit Megamenu Submenu** then a new window will appear. You can build **Mega menu** by **Elementor.** After finishing click Update and click .

![](https://20447737-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyHXY-ZlE0XgL919PP%2F-MHyHs_lG5-bO2G-iVFy%2Fimage.png?alt=media\&token=d5c7c0b4-73ed-4b6f-aefb-26758de042af)

**Step 6** - Click Save Menu. 

![](https://20447737-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyHXY-ZlE0XgL919PP%2F-MHyI3WS3mdgZiVGM4yU%2Fimage.png?alt=media\&token=65672b28-1552-4ba4-bdb3-5b4d01d2f7b4)

**Front end look like:**

![](https://20447737-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyHXY-ZlE0XgL919PP%2F-MHyIBC2zAKLMz_jLK5N%2Fimage.png?alt=media\&token=204c7318-0249-42fa-9997-678c2da881ca)