# Mega menu

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

**Step 2** - Choose the Menu you want to show the **Mega menu**.

**Step 3** - Click the button **Mega** to create a **Mega menu** for Item. This Mega menu will show when you hover over the Item you choose to add to the **Mega menu**.

<figure><img src="https://content.gitbook.com/content/TOqCLFsd0DP0fbax4yYw/blobs/eDjzLMQpktcULy0Rkn19/image.png" alt=""><figcaption></figcaption></figure>

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

![](https://gblobscdn.gitbook.com/assets%2F-MHy5dy5uQ67W56zMcvB%2F-MHyFdH4PN8P_StZNTZx%2F-MHyH5pxvcumGhD0m0Dt%2Fimage.png?alt=media\&token=1bbc3a16-bc79-43d9-8f37-1e9ae745c486)

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

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

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

**Step 5** - Click **Edit Megamenu Submenu** then a new window will appear. You can build a **Mega menu** by Elemento&#x72;**.** After finishing click **Update**.

<figure><img src="https://301612493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTOqCLFsd0DP0fbax4yYw%2Fuploads%2FYLbNAZrXmd7OeADGgPzc%2Fimage.png?alt=media&#x26;token=0a95733e-03d1-4bbb-86ea-492bb75c6e9b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://301612493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTOqCLFsd0DP0fbax4yYw%2Fuploads%2F31bauEPUz4dSztJkjNYA%2Fimage.png?alt=media&#x26;token=307e3c59-6258-425e-b784-fbfbcf20d421" alt=""><figcaption></figcaption></figure>

**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)

**Front-end looks like this:**

<figure><img src="https://301612493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTOqCLFsd0DP0fbax4yYw%2Fuploads%2FYslyCwgEVNIBkDoNwdcI%2Fimage.png?alt=media&#x26;token=dabbc4d0-b73b-4873-be88-8fce8951d90d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://301612493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTOqCLFsd0DP0fbax4yYw%2Fuploads%2F4dFH9oRGZvIMi7TNwGdy%2FScreen%20Shot%202023-11-21%20at%203.47.41%20PM.png?alt=media&#x26;token=9e7cece0-3f16-4955-b873-4d84417125ea" alt=""><figcaption></figcaption></figure>