---
title: "How to Create a Vertical Navigation Menu in Elementor for Free?"
url: https://theplusaddons.com/docs/create-a-vertical-navigation-menu-in-elementor-for-free/
date: 2023-10-27
modified: 2026-04-10
author: "Aditya Sharma"
description: "For small websites, adding a vertical navigation menu can give a unique look to it. With the Navigation Menu Lite widget from The Plus Addons for Elementor, you can easily..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Vertical-Navigation-Menu-in-Elementor-for-Free_-1024x536.jpg
word_count: 191
---

# How to Create a Vertical Navigation Menu in Elementor for Free?

## Key Takeaways

- Utilizes the Navigation Menu Lite widget from The Plus Addons for Elementor to create a vertical navigation menu.
- Requires installation and activation of The Plus Addons for Elementor to access the Navigation Menu Lite widget features.
- Offers options to select Vertical Menu direction and customize submenu hover events in Elementor.

For small websites, adding a vertical navigation menu can give a unique look to it. With the Navigation Menu Lite widget from The Plus Addons for Elementor, you can easily create a vertical navigation menu in Elementor for free.

*To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu Lite widget, [click here](/docs/navigation-menu-lite-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.***

To use the Navigation Menu Lite widget, you need to [create a menu in WordPress](https://codex.wordpress.org/WordPress_Menu_User_Guide).

Then, add the Navigation Menu Lite 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 **Vertical Menu **from the **Menu Direction** dropdown.

2. Then select your menu from the **Select Menu** dropdown.

![navigation menu lite vertical menu](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-lite-vertical-menu.png)

You can select the appropriate submenu hover event and effect.

Now, your menu will be aligned vertically.

![navigation menu vertical menu demo](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-vertical-menu-demo.png)

Also, check [How to Create an Elementor Hamburger Toggle Menu for Mobile for Free](https://theplusaddons.com/docs/create-an-elementor-hamburger-toggle-menu-for-mobile-for-free/).