# Mega menu (PRO)

> **NOTE:** Themes that use the WordPress Full screen Editor (Beta), might not be compatible with the mega-menu. We recommend using the Blocksy theme, Undorscore theme.

You can find the “Mega menu options” under Appearance > Menus

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FKjwomDxQTDEEC9lgQDpH%2Fimage.png?alt=media&#x26;token=43bbe5de-8e2a-41af-8270-d0ff0373b8b5" alt=""><figcaption></figcaption></figure>

### How to add a mega-menu

Press the “Mega menu options” button. This will open a popup with these settings

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FjI8AuswEsb9CA805NIII%2Fimage.png?alt=media&#x26;token=c796f7bf-7035-4b80-a162-ecc3e252ab24" alt=""><figcaption></figcaption></figure>

Enable the mega menu content and press “Edit with Zion builder”

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2F4LHTfV8SSADxFhOQnSF4%2Fimage.png?alt=media&#x26;token=146c3abc-112b-4ead-aa39-032288a62d3d" alt=""><figcaption></figcaption></figure>

Create your content using the page builder

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FKbLPbZBAEv79EqUP0OQz%2Fimage.png?alt=media&#x26;token=02cc27bf-80b9-48f0-9919-68605eeb3513" alt=""><figcaption></figcaption></figure>

Save & Publish page

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FNidZdAeZ9cWV2YXYslxG%2Fimage.png?alt=media&#x26;token=bafcd5a1-fc4c-4c5d-839d-dead6ceeabd3" alt=""><figcaption></figcaption></figure>

Press the “Close menu item”

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FO4rQbi04nUpdx3YeWbhs%2Fimage.png?alt=media&#x26;token=1eee1935-a59c-49b9-8bf8-6e5475932c00" alt=""><figcaption></figcaption></figure>

Go to the Display tab and set how you want the mega-menu to be displayed

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2F3MasCpjrfSVOP20MenZS%2Fimage.png?alt=media&#x26;token=b5a56f46-5114-4abc-a9ac-ec06500a55fb" alt=""><figcaption></figcaption></figure>

Press “Save Changes” & “Save Menu”

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FyHPkSiBgxMcKJCysKgaH%2Fimage.png?alt=media&#x26;token=ac5c4d63-1acd-456a-8ea8-ef061a6532a2" alt=""><figcaption></figcaption></figure>

Preview your page to see the mega menu

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2Ft8ufNNckFsfRE9edKX6A%2Fimage.png?alt=media&#x26;token=b0eba81a-26c6-4d35-8820-cea22688965b" alt=""><figcaption></figcaption></figure>
