# 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://1029241789-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtIn7ipZw5pjoRQUeS2Wb%2Fuploads%2FakqOWW3GZOCdJ3OIMKo0%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 content **Mega menu**.

![](https://1029241789-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtIn7ipZw5pjoRQUeS2Wb%2Fuploads%2FpwtDiqDLErI7Jjbh0NQC%2Fimage%20\(8\).png?alt=media\&token=e0ce7488-0629-4646-a6a6-6563cfce2d41)

(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://2869778923-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe8QxJJuQP1KXsO9OlPiN%2Fuploads%2F2AcCccOi7842k7o4sKJE%2FScreenshot_15.png?alt=media\&token=d9fac572-4804-4122-a790-d9a18f197aae)

**Step 6** - Click Save Menu.

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

**Front end look like:**

![](https://2869778923-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe8QxJJuQP1KXsO9OlPiN%2Fuploads%2F9BN6G4KO8DXBrT5ezUf3%2FScreenshot_16.png?alt=media\&token=9974c8d4-d816-4e75-b08c-d52bd5351643)