# Mega menu

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

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

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

<figure><img src="https://content.gitbook.com/content/xkvLRNgCCAwQ1QcB7NqE/blobs/pJpSfl03RyoTi1MgTpHM/Screenshot%20at%20Aug%2014%2015-57-50.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/xkvLRNgCCAwQ1QcB7NqE/blobs/erH5PZqYwznFLUcKBDrk/Screenshot%20at%20Aug%2014%2015-58-32.png" alt=""><figcaption></figcaption></figure>

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

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

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

* You can add a new selector and add a widget image carousel

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2Fr9zYutF7EDBrX4aQa2ja%2FScreenshot%202024-09-05%20at%2014.01.52.png?alt=media&#x26;token=8ffd4019-951b-4bd5-b05a-7ddd38b9f6f4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2FROqk8QDrEkjXsKto15nS%2FScreenshot%202024-09-04%20at%2009.59.00.png?alt=media&#x26;token=d96073a6-a7d2-45a2-93ac-ba2e172f7487" alt=""><figcaption></figcaption></figure>

**The Front end looks like this:**

<figure><img src="https://4169385612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxkvLRNgCCAwQ1QcB7NqE%2Fuploads%2FHEH5BxmTvNasRuVXW7wf%2FScreenshot%202024-09-04%20at%2009.58.09.png?alt=media&#x26;token=67c3eddf-d230-4137-9428-a62fe432bf41" alt=""><figcaption></figcaption></figure>
