# 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://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FOzDC7tfncgH7I9JT9KFD%2Fimage%20\(7\).png?alt=media\&token=10d7ea26-5848-494a-a11c-52f7953e14e9)

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

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FX2NZfXuXLDaWDYenxgta%2Fimage%20\(8\).png?alt=media\&token=ddce7c1a-1fda-4bcf-a845-3f0fd95fba32)

(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://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FrAaU1Uuuvzs3RbslFyYv%2FScreenshot_19.png?alt=media\&token=7e2bb6c7-21a0-42f3-83bd-d7ed640e9a73)

**Step 6** - Click Save Menu.

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FmIDsp5b5R1naWgGz07Mr%2Fimage%20\(9\).png?alt=media\&token=758cb556-c197-4f51-acde-432b5da704a3)

**Front end look like:**

![](https://4214174464-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFyhPShmMNZ4yNrk43d9A%2Fuploads%2FUbfoX2Yv9lVAmzvWgqhK%2FScreenshot_20.png?alt=media\&token=8cf775e3-a9c3-489f-aa31-018ba27871d6)