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

# Mega Menu

### 1. Configure in the Backend

* Step 1: Go to: Appearance >> Menus >> Select "Primary Menu", then you move on Mega Menu

<figure><img src="/files/RyFGQlIxlIWh7zOecye0" alt=""><figcaption></figcaption></figure>

* Step &#x32;**: In Parent Menu,** choose Menu Column: Support 1,2,3,4,5 columns

<figure><img src="/files/NdkqXwXwZ231Ne0jR4Xu" alt=""><figcaption></figcaption></figure>

* Step 3: **In Child Menu**: Enter a short code of each page, then check the box: "Show as a heading"

<figure><img src="/files/cwbYveWSPvaTN3F7j3fP" alt=""><figcaption></figcaption></figure>

* Step 4: Tick the checkbox: "Primary Menu" and "Save"

<figure><img src="/files/GrXN7ER1GGLvwBsCjhqP" alt=""><figcaption></figcaption></figure>

**Please, Note**:

The Structure: \[ tripgo-elementer-template id=" " ]

To find id of a template

* Go to **Templates > Saved Templates**.
* Hover over the template you want.
* Click on the **"Edit"** button under that template.
* Once the edit page loads, look at the URL in your browser .The template ID will appear in the URL like the image bellow:

<figure><img src="/files/snKdv4MdNRsu4AYvFqGK" alt=""><figcaption></figcaption></figure>

## 2: Display in the Frontend

<figure><img src="/files/bcXahrv7g5VOtcJrYZIf" alt=""><figcaption></figcaption></figure>