# Mega menu

**Step 1** - Navigate to manager Menu: **Appearance > Menu**.

**Step 2** - Choose Menu you want to show **Megamenu**.

**Step 3** - Click the button **Mega** to create the **Megamenu** for Item. So this Mega menu will show when you hover over the Item you choose to ad Megamenu.

![](https://814188227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFxmio3NaG9Bq2qqNuuFq%2Fuploads%2FHo0KsUIgb66Vj2VmEu7B%2Fimage.png?alt=media\&token=bfd81ba3-9d4d-409c-b9bd-94b02824b604)



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

![](https://814188227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFxmio3NaG9Bq2qqNuuFq%2Fuploads%2Fj0gMvxmCtZrNNoalqxGV%2Fimage.png?alt=media\&token=803703b9-cc7a-4e99-ba18-bef0a62556a1)

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

(2) Set Width for **Megamenu.**

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

![](https://814188227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFxmio3NaG9Bq2qqNuuFq%2Fuploads%2FT9b0bjSWydQikezddKlN%2Fmenu3.png?alt=media\&token=f91eb253-ce47-4a66-8e74-e0e28e1e7861)

**Step 5** - Click **Edit Megamenu Submenu** then a new window will appear. You can build a **Mega menu** by **Elementor.** After finishing click Update and click.

**Step 6** - Click Save Menu.

![](https://814188227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFxmio3NaG9Bq2qqNuuFq%2Fuploads%2FQeZT2rNZEu73PJ1GAOoe%2Fimage.png?alt=media\&token=9596e39a-5225-40bd-acdb-ef0816af57e8)

**The Front end looks like this:**

![](https://814188227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFxmio3NaG9Bq2qqNuuFq%2Fuploads%2FoacQ0KSsraAfiWryWQpv%2Fmegamenu.png?alt=media\&token=ba58f04a-cb02-4b96-97ec-93b6115bd5ca)
