---
title: "How to Create a Side Mega Menu in Elementor?"
url: https://theplusaddons.com/docs/create-a-side-mega-menu-in-elementor/
date: 2023-10-27
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Adding a side mega menu can be beneficial for a large content based website or an e-commerce website. Using the side mega menu you can easily organize a large number..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Side-Mega-Menu-in-Elementor_-1024x536.jpg
word_count: 360
---

# How to Create a Side Mega Menu in Elementor?

## 

- Utilizes the Navigation Menu widget from The Plus Addons for Elementor to create a side mega menu.
- Requires installation and activation of The Plus Addons for Elementor to access the Navigation Menu widget features.
- Offers customization options such as submenu open direction and toggle bar behavior in the Elementor interface.

Adding a side mega menu can be beneficial for a large content based website or an e-commerce website. Using the side mega menu you can easily organize a large number of pages or categories of a content heavy site.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily add a side mega menu to 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 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 SideMenu** from the **Menu Direction** section.

3. In the **Content** tab, you can choose the submenu open direction from the **Open Direction** dropdown. 

4. Finally, from the **Select Menu** dropdown, select your mega menu.

You can select the appropriate submenu hover event and effect.

By enabling the **Vertical Side Title Bar** toggle, you can add a toggle bar for the menu.

Did you know? You can create [menu with Repeater in Elementor.](https://theplusaddons.com/docs//create-a-menu-with-repeater-in-elementor/)

From the **Title Bar Hover/Click** dropdown, you can set the behavior of the toggle menu opening. Here you’ll find three options - 

**Normal** - To always show the menu.

**Hover** - To show the menu on hover.

**Click** - To show the menu on click.

From the **Title** field, you can change the toggle bar title.

You can add a link for the toggle bar in the **Title Link** field.

From the **Prefix Icon** and **Postfix Icon** sections, you can change the toggle bar icons.

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

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