# 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://3107338479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH5DcHu8kLx98sqxXQokI%2Fuploads%2Fz57HJbtCIJGMJekoo2BK%2Fimage%20\(7\).png?alt=media\&token=12a63d14-c753-4a16-badf-0e268c02b9c5)

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

![](https://3107338479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH5DcHu8kLx98sqxXQokI%2Fuploads%2FxbTM46UaPx0K9NxbWhGu%2Fimage%20\(8\).png?alt=media\&token=09e105af-cb8a-4175-90c2-4191b1f516bb)

(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://3107338479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH5DcHu8kLx98sqxXQokI%2Fuploads%2F0Tuy8CBILnrVeMzNvXmL%2FScreenshot_6.png?alt=media\&token=1ce299d4-4774-46c3-aab9-ad586aae6085)

**Step 6** - Click Save Menu.

![](https://3107338479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH5DcHu8kLx98sqxXQokI%2Fuploads%2FOjGuF4mKNL3FkhNECouv%2Fimage%20\(9\).png?alt=media\&token=38eabb9f-1adc-445b-a661-17deadf5581b)

**Front end look like:**

![](https://3107338479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH5DcHu8kLx98sqxXQokI%2Fuploads%2FghqGhDIptTWFSLWsukyD%2FScreenshot_57.png?alt=media\&token=273a0aec-b7b2-429b-932f-d254786ace95)