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

- Navigation Menu Lite widget from The Plus Addons for Elementor allows users to create a vertical navigation menu for free.
- Users must create a menu in WordPress before adding the Navigation Menu Lite widget to the header, sidebar, or page template.
- The vertical menu is configured by selecting 'Vertical Menu' from the Menu Direction dropdown and choosing a menu from the Select Menu dropdown.

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/).

## Frequently Asked Questions

**Q: What should I do if the vertical menu isn't displaying correctly?**
A: If the vertical menu isn't displaying as expected, ensure that the Navigation Menu Lite widget from The Plus Addons for Elementor is properly installed and activated. Also, check that you've selected 'Vertical Menu' from the Menu Direction dropdown. If the issue persists, verify that your WordPress menu is correctly set up and linked to the widget.

**Q: What are the best settings for submenu hover effects in a vertical menu?**
A: Choosing the right submenu hover effects is crucial for user experience. The Navigation Menu Lite widget allows you to select appropriate submenu hover events and effects. Consider using subtle animations to enhance visibility without overwhelming users. This can help maintain a clean look while ensuring that submenus are easily accessible.

**Q: Is there a way to create a mobile-friendly version of the vertical menu?**
A: While the vertical navigation menu is designed for desktop use, you can create a mobile-friendly version by using the Elementor Hamburger Toggle Menu. This allows you to maintain a clean layout on smaller screens. For guidance, check out the tutorial on [creating an Elementor Hamburger Toggle Menu for Mobile for Free](https://theplusaddons.com/docs/create-an-elementor-hamburger-toggle-menu-for-mobile-for-free/).