# 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://1260053289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBohKXYrpqyeJFIL4DJjn%2Fuploads%2FCKXDyaiW4qAaPyV6Wjx4%2Fimage%20\(7\).png?alt=media\&token=8516b702-4dbb-417c-ac87-58026c9deef2)

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

![](https://1260053289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBohKXYrpqyeJFIL4DJjn%2Fuploads%2FUHI8jMlirTCCqRoLU3NQ%2F19.png?alt=media\&token=4d014223-b7e9-4f36-90c6-f20328ac5638)

(1) Click the 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://1260053289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBohKXYrpqyeJFIL4DJjn%2Fuploads%2FLHiq1m2zeH0aaBT37NEQ%2F20.png?alt=media\&token=1df0e505-fd75-4021-ad8e-19930eeafac2)

**Step 6** - Click Save Menu.

![](https://1260053289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBohKXYrpqyeJFIL4DJjn%2Fuploads%2F2dvvMms2HBKEwwEiigx2%2Fimage%20\(9\).png?alt=media\&token=5ea43f80-cb9e-45ff-8656-a4a32dbf98af)

**Front end look like:**

![](https://1260053289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBohKXYrpqyeJFIL4DJjn%2Fuploads%2FkNDByp9lIhFDCNrAvVPU%2F18.png?alt=media\&token=cd6a0e01-1690-40f1-a876-16f2aeda9588)
