> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/sunic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/sunic/content-management/mega-menu.md).

# 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://2086204133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcW0W6IaHwr0aLK8S6HZo%2Fuploads%2FdTxlzdvqP5cGJldlZ8yd%2FScreenshot%202024-07-09%20at%2008.55.26.png?alt=media&amp;token=82bb96d5-42bf-4b26-86c5-82a0ae0f32bb" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://content.gitbook.com/content/cW0W6IaHwr0aLK8S6HZo/blobs/n4NsF0SBOgFsH5WWDIF7/Screenshot%202024-04-13%20at%2010.28.40.png" alt=""><figcaption></figcaption></figure>

&#x20;  Set Width for **Mega menu.**

<figure><img src="https://2086204133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcW0W6IaHwr0aLK8S6HZo%2Fuploads%2FnInyTUlFXxr2fDVozjjh%2FScreenshot%202024-07-09%20at%2008.54.52.png?alt=media&amp;token=ff05c366-b2f0-414e-8bf2-b06f1f1c65ab" alt=""><figcaption></figcaption></figure>

&#x20;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 a **Mega menu** by **Elementor.** After finishing click Update and click.

<figure><img src="https://2086204133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcW0W6IaHwr0aLK8S6HZo%2Fuploads%2FL2ApsWbjMccM3ZMP3t9z%2FScreenshot%202024-07-09%20at%2008.51.00.png?alt=media&amp;token=519f2292-5c37-47f6-9af7-03efd6534f74" alt=""><figcaption></figcaption></figure>

**Step 6** - Click Save Menu.

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