# Mega menu

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

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

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

<figure><img src="https://1400827824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5lUvTWT7gVDAHligrDmR%2Fuploads%2FVvlwFfvNlsUtS4Kq4N3q%2FScreenshot%20at%20Sep%2006%2009-07-27.png?alt=media&#x26;token=3a40b2ce-55d6-46be-88b7-96e2fdfed3bc" alt=""><figcaption></figcaption></figure>

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

![](https://gblobscdn.gitbook.com/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyFdH4PN8P_StZNTZx%2F-MHyH5pxvcumGhD0m0Dt%2Fimage.png?alt=media\&token=1bbc3a16-bc79-43d9-8f37-1e9ae745c486)

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

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

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

<figure><img src="https://1400827824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5lUvTWT7gVDAHligrDmR%2Fuploads%2Fg4yEA89IeeDR2F9CTlcp%2FScreenshot%20at%20Sep%2006%2009-09-38.png?alt=media&#x26;token=7680d57f-dd47-4085-bcb1-17263e012c32" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1400827824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5lUvTWT7gVDAHligrDmR%2Fuploads%2Fr1PCjiSLtcLv3a1hlFCR%2FScreenshot%20at%20Sep%2006%2009-10-46.png?alt=media&#x26;token=9e874b25-cb83-4d62-8f0b-6ccac5d9073b" alt=""><figcaption></figcaption></figure>

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

**Step 6** - Click Save Menu.

![](https://gblobscdn.gitbook.com/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyHXY-ZlE0XgL919PP%2F-MHyI3WS3mdgZiVGM4yU%2Fimage.png?alt=media\&token=65672b28-1552-4ba4-bdb3-5b4d01d2f7b4)

**The Front end looks like this:**

<figure><img src="https://1400827824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5lUvTWT7gVDAHligrDmR%2Fuploads%2FSTyIFA0s8Yv6txXG5cw2%2FScreenshot%20at%20Sep%2006%2009-05-33.png?alt=media&#x26;token=23a8fdb0-e896-4d13-b047-26230bffe647" alt=""><figcaption></figcaption></figure>
