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

# Mega Menu

**Formrest** comes with a built-in mega menu, added by the **Formrest Core** plugin. You don't need to buy or install an extra plugin. To set up a mega menu, go to **Appearance > Menus** and select the menu you want to edit (the demo uses the *Main* menu). Mega menus can't be set up in the Customizer.

A mega menu can be enabled on any first level menu item. This image shows the menu item levels:

<figure><img src="https://1687845365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkifTEIpJxuVj0Xe6FhBl%2Fuploads%2Fgit-blob-77c44f80b66c41ae1a527979f033d947f825e979%2Fmenu-levels.png?alt=media" alt="Menu item levels"><figcaption></figcaption></figure>

## Enable Mega Menu

Hover a top level (level 1) menu item and click its **Settings** link. A popup opens; menu items of different levels show different options. Turn on **Enable Mega Menu**.

Then pick a **Layout**:

* **Standard columns** – the classic mega menu: each level 2 item is a column, level 3 items are the links inside it. You can change each column's width with the arrow icons, add a background in **Design**, and add custom HTML or shortcodes to level 2 items and below.
* **Editorial panel** – the layout of the Formrest demo **Catalog** menu: a wide panel with groups of links beside a feature image.

## Editorial panel

With **Editorial panel** selected, the popup shows these fields. Leave a field empty to hide that part of the panel.

| Field                    | What it shows                            |
| ------------------------ | ---------------------------------------- |
| Intro text               | A short text at the top of the panel     |
| View all label / link    | A "View all" link next to the intro      |
| Feature image            | The large image on the side of the panel |
| Feature caption          | Text over or under the feature image     |
| Feature link label / URL | Link of the feature image                |
| Footer text              | A line at the bottom of the panel        |
| Footer link label / URL  | Link at the end of the footer line       |

How the menu items are used:

* **Level 2** items are the group headings (in the demo: Seating, Tables, Storage, Lighting).
* **Level 3** items are the links inside each group, for example product or category links.

The panel opens on hover and on keyboard focus. Pressing **Escape** closes it and returns focus to the menu link.

## Column options (Standard columns)

Open the **Settings** popup of a level 2 item:

* **Visibility**: show or hide the column label.
* **Disable link**: remove the link from the column label.
* **Design**: set a background image or color for the column.
* **Custom content**: show custom HTML or a shortcode (for example a banner) instead of, or under, the label.

{% hint style="info" %}
On tablet and mobile (1024 px and below) the menu is shown in the mobile drawer. Mega menu items open as a drill-down list there.
{% endhint %}