---
title: "How to Create a Vertical Mega Menu in Elementor?"
url: https://theplusaddons.com/docs/create-a-vertical-mega-menu-in-elementor/
date: 2023-10-27
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Do you want to add a vertical mega menu on your Elementor website? A vertical menu can be very effective for an e-commerce or a large content based website. It..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Vertical-Mega-Menu-in-Elementor_-1024x536.jpg
word_count: 250
---

# How to Create a Vertical Mega Menu in Elementor?

## 

- Utilizes the Navigation Menu widget from The Plus Addons for Elementor to create a vertical mega menu.
- Requires installation and activation of The Plus Addons for Elementor to access the Navigation Menu widget features.
- Involves selecting 'Vertical Menu' from the Menu Direction section after creating mega menu templates.

Do you want to add a vertical mega menu on your Elementor website? A vertical menu can be very effective for an e-commerce or a large content based website. It not only enhances the user experience but also allows for easier navigation of a website's vast content.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a vertical mega menu on your Elementor website.

*To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, [click here](/docs/navigation-menu-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this first you have to create the mega menu templates and a menu just like the horizontal mega menu.

Then, add the Navigation Menu widget to the header, sidebar, or a page template and follow the steps -

> *Note: To create the template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* or you can use Elementor Pro if you are already using it.* 

1. Select the **Default** from the **Menu Type**.

2. Then select **Vertical Menu** from the **Menu Direction** section. 

3. Finally, from the **Select Menu** dropdown, select your mega menu from the **Content** tab.

Also read, [5 best Elementor mega menu plugins.](https://theplusaddons.com/blog/best-elementor-mega-menu-plugins/)

You can select the appropriate submenu hover event and effect.

That’s it now you’ll have a beautiful vertical mega menu.

Also, read [how to create a mega menu in Elementor](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/).