# Mega Menu (Vertical)

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJMdB5if96PaFnC6SR%2F-MMJNUyT5G4SeZpauCxj%2FScreenshot_84.jpg?alt=media\&token=ecb22f44-620e-47a6-944c-dd60eebeea3b)

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

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJO9FdkG6FKFrNfx4t%2F-MMJOTjo95mETANN-_LP%2FScreenshot_85.jpg?alt=media\&token=0903e582-7bcb-448e-b34c-1f1de69782a0)

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJO9FdkG6FKFrNfx4t%2F-MMJQ63d570zYLmqICw2%2FScreenshot_86.jpg?alt=media\&token=675aefad-2772-4e32-a6fb-016f69fe41dc)

### 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 %}

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJO9FdkG6FKFrNfx4t%2F-MMJRCqgAIhBzujspnbj%2FScreenshot_87.jpg?alt=media\&token=78526894-8b97-4df3-b48b-b9415eb8f1f0)

{% 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"
```

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJRsq2e8Pr0-2eLbfw%2F-MMJSIokLYXTG2PvwIdp%2FScreenshot_88.png?alt=media\&token=807c5dfa-9f1d-4d50-beee-5dfb54af8e34)

Navigate to **Mega Menu Builder** viewport

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJRsq2e8Pr0-2eLbfw%2F-MMJSfHjh6gU_IG1zU5O%2FScreenshot_88.jpg?alt=media\&token=573892a3-c457-4150-8a0b-5e99f90612ed)

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

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJRsq2e8Pr0-2eLbfw%2F-MMJT9fl2dL_ihKZ8VDF%2FScreenshot_89.jpg?alt=media\&token=b072d5dc-5892-43cd-a5ab-13ca2300c74e)

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

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MMJRsq2e8Pr0-2eLbfw%2F-MMJTWMc-WlYt3dWK05n%2FScreenshot_90.jpg?alt=media\&token=4cec5a4c-7afa-4d05-9637-c8c6dc2d8ea7)