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

# Mega Menu (Vertical)

Which has a vertical menu **BROWSER CATEGORIES** with its **MEGA MENU** like below

![](/files/-MMJNUyT5G4SeZpauCxj)

## **1 - How to config this type of Menu?**

### 1.1 - Go to **Admin** > **Navigation** > **Add menu**

![](/files/-MMJOTjo95mETANN-_LP)

### 1.2 - Create a **New Menu** with Categories. This menu have **menu items** and **sub menu items**.

![](/files/-MMJQ63d570zYLmqICw2)

### 1.3 - Navigate to **Section Header** > **Link list categories** > **Select the Menu** that has just been created.

{% hint style="info" %}
We call this menu **“Parent Menu (Parent Link)”.** 
{% endhint %}

![](/files/-MMJRCqgAIhBzujspnbj)

{% hint style="warning" %}
Now the Menu will show in the place of the text “**Browser Categories**”, However if you want to customize the banner images on mega menu, you have to go to the **Builder** to config it.
{% endhint %}

## 2 - You need to create a page with these parameters:

```
"title": "Vertical menu Builder",
"handle": "vertical-menu",
"template_suffix": "vertical-menu"
```

![](/files/-MMJSIokLYXTG2PvwIdp)

Navigate to **Mega Menu Builder** viewport

You will see the list of **Vertical Menu** section in order

![](/files/-MMJSfHjh6gU_IG1zU5O)

### 2.1 - Click to Edit one of these Vertical Menu

You must select exactly the **Parent Menu** here

![](/files/-MMJT9fl2dL_ihKZ8VDF)

* Click **Add content** to add elements onto the Mega menu

![](/files/-MMJTWMc-WlYt3dWK05n)