# 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://1310331728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MakpGwluxCaTrInQJBS%2Fuploads%2FcnX8KmfCwR9vcFPxuCKT%2Fimage%20\(7\).png?alt=media\&token=39b2e964-186e-481e-bfa9-519abda9fb65)

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

![](https://1310331728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MakpGwluxCaTrInQJBS%2Fuploads%2FESOKLWmFMArKgzz0WnRT%2Fimage%20\(8\).png?alt=media\&token=f273778c-f6ab-4028-9801-ac7a608e57ac)

(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://1310331728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MakpGwluxCaTrInQJBS%2Fuploads%2Fs11jPfQhBjDBJ1ccBFqS%2FScreenshot_73.png?alt=media\&token=66805541-8614-4ed1-8e79-b6cc3806e64c)

**Step 6** - Click Save Menu.

![](https://1310331728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MakpGwluxCaTrInQJBS%2Fuploads%2F7GvNMd1jjVZOJJ9xOHdS%2Fimage%20\(9\).png?alt=media\&token=d22dded9-1f09-4c63-9930-91add9c63bfb)

**Front end look like:**

![](https://1310331728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MakpGwluxCaTrInQJBS%2Fuploads%2FyvPvSH3nGsItOAIbHstV%2FScreenshot_74.png?alt=media\&token=35f63db7-61c4-4cf6-ba4c-793a5343f5cd)