---
title: "How to Create a Side Menu in Elementor?"
url: https://theplusaddons.com/docs/create-a-side-menu-in-elementor/
date: 2023-10-27
modified: 2026-04-10
author: "Aditya Sharma"
description: "Are you looking to create a side menu in Elementor? A side menu, is a navigation menu that appears on the side of the page, allowing easy access to various..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Side-Menu-in-Elementor_-1024x536.jpg
word_count: 366
---

# How to Create a Side Menu in Elementor?

## Key Takeaways

- The Plus Addons for Elementor includes a Navigation Menu widget that allows users to create a side menu or sidebar toggle menu.
- Users can select 'Vertical SideMenu' from the Menu Direction section to configure the side menu layout.
- The Title Bar Hover/Click dropdown offers three options for toggle menu behavior: Normal, Hover, and Click.

Are you looking to create a side menu in Elementor? A side menu, is a navigation menu that appears on the side of the page, allowing easy access to various sections or pages of a website. This type of menu is very useful in an e-commerce website or a large website with many different categories of posts.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a side menu or sidebar toggle 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, 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. From the **Menu Type** dropdown, select the appropriate option.

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

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

4. Finally, select or create the menu, depending on the option selected in the **Menu Type** dropdown.

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 a 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.

Now you’ll see a sidebar menu.

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

## Frequently Asked Questions

**Q: What should I do if the side menu doesn't appear after following the setup steps?**
A: If the side menu isn't showing, first ensure that the Navigation Menu widget from The Plus Addons for Elementor is installed and activated. It's crucial that you select 'Vertical SideMenu' from the Menu Direction section in the widget settings. If the menu still doesn't display, check if the template you are using supports side menus, as some templates may not be compatible.

**Q: What is the best way to set the toggle behavior for the side menu?**
A: Choosing the right toggle behavior for your side menu can enhance user interaction. You can set the Title Bar Hover/Click dropdown to 'Normal' for a constantly visible menu, 'Hover' for a menu that appears on mouse hover, or 'Click' for a toggle menu that opens on click. Each option serves different user preferences, so consider your audience when making this choice.

**Q: Are there any limitations when creating a side menu in Elementor?**
A: One limitation to keep in mind is that the Navigation Menu widget from The Plus Addons for Elementor only works with Elementor and not with other page builders like Gutenberg or Divi. Additionally, the functionality of the side menu may depend on the template you are using, so ensure compatibility before implementation.

**Q: How do I create a menu with repeater in Elementor?**
A: Creating a menu with a repeater in Elementor can be done using the features provided by The Plus Addons for Elementor. This allows you to dynamically generate menu items based on your content. For detailed steps, refer to the guide on [creating a menu with repeater in Elementor](https://theplusaddons.com/docs//create-a-menu-with-repeater-in-elementor/). This method can significantly streamline the process of managing menu items.