# 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://1453342472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzJ1MqYivxoXtRNYGfub7%2Fuploads%2FvEodP2tsKa16cUPhk6nw%2Fmenu3.png?alt=media\&token=fd78e2f6-f69c-413e-819f-961077e4d01d)

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

![](https://1453342472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzJ1MqYivxoXtRNYGfub7%2Fuploads%2Ffyvjvi8ZpAt30ykNKDLl%2Fmenu4.png?alt=media\&token=a8ac63e6-f651-4d84-b26b-157eadc3a891)

(1) Click  button **Edit Megamenu Submenu** to build **Megamenu**

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

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

![](https://1453342472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzJ1MqYivxoXtRNYGfub7%2Fuploads%2FCS6QgaZfDsth6h74M2XE%2Fmenu5.png?alt=media\&token=6777efcc-c10b-4a8d-8a58-9b8af7fe8963)

**Step 5** - Click **Edit Megamenu Submenu** then a new window will appear. You can build **Megamenu** 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:**

![](https://1453342472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzJ1MqYivxoXtRNYGfub7%2Fuploads%2F8FsXuAxBnyYTW7wTZqnl%2Fmenu.png?alt=media\&token=fa558743-8e6f-45ac-89e6-415bb0986413)