How to Create a Vertical Menu in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to create a vertical menu using the Navigation Menu widget.
  • The Plus Addons for Elementor Pro provides advanced menu modes, styling, and behavior settings not available in the free version.
  • Users can customize submenu behavior to open on hover or click with The Plus Addons for Elementor Pro.
Table Of Content

Do you want to add a vertical menu to your Elementor website? If you have a small number of menu items, then adding a vertical menu can add a unique touch to your website.

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

To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, click here.

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

Create a Vertical Menu

This is a pro feature, upgrade to The Plus Addons for Elementor Pro for full functionality, plus 120+ other widgets.

To do this, 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 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 Menu from the Menu Direction section.

3. Finally, select or create the menu depending on the option selected in the Menu Type dropdown from the Content tab.

Navigation menu vertical menu new how to create a vertical menu in elementor? From the plus addons for elementor

Suggested reading, 5 Best Elementor Mega Menu Plugins.

You can select the appropriate submenu hover event and effect.

Now, your menu will be aligned vertically.

Navigation menu vertical menu demo

Upgrade for Full Navigation Menu Power (Pro Only)

Unlock the full potential of navigation menus with The Plus Addons for Elementor Pro, giving you advanced menu modes, styling, and behavior settings beyond what Elementor or basic themes allow—directly within Elementor’s UI.

Horizontal & Vertical Menu Layouts

Choose between horizontal, vertical, or mega menu layouts with ease. This flexibility allows you to build sidebars or vertical menus for blogs and side-based navigation—functionality not included in Elementor’s free widget.

Hover or Click Dropdown Control

Customize how submenus open—choose open-on-hover or click behavior. This control ensures optimal usability depending on menu complexity or device type.

Sticky Navigation Support

Pin your navigation menu in place as users scroll through longer pages, ensuring menu access at all times—ideal for one-page sites and sticky headers.

Custom Mega Menu & Repeater-Based Menus

Switch to “Custom Repeater Menu” to design mega menus with links, images, and custom content using Elementor’s editor. Use plus repeater fields to build truly bespoke navigation panels.

Why Upgrade?

Upgrading to The Plus Addons for Elementor Pro empowers you to design navigation menus that go beyond standard layouts—supporting responsive mobile toggles, hover-friendly dropdowns, sidebar vertical menus, and elaborate mega navigation designs. You get a full navigation toolkit integrated natively in Elementor, with no CSS required and flexible design potential for every type of site.

With Pro, you’re unlocking not just a menu widget—but a premium navigation system that enhances UX, improves layout control, and integrates seamlessly into modern web design workflows.

Also, read how to create a side menu in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my vertical menu isn't displaying correctly?

If your vertical menu isn't displaying as expected, ensure that the Navigation Menu widget from The Plus Addons for Elementor is properly installed and activated. This widget is essential for creating the vertical menu. Additionally, check that you've selected 'Vertical Menu' in the Menu Direction section of the settings.

What are the best settings for a vertical menu in Elementor?

For optimal usability, select the appropriate submenu hover event and effect when setting up your vertical menu. This ensures that users can easily navigate through submenus without confusion. Consider using open-on-hover for a more interactive experience.

Does upgrading to The Plus Addons for Elementor Pro improve my vertical menu options?

Upgrading to The Plus Addons for Elementor Pro unlocks advanced features for your vertical menu, including customizable hover effects and sticky navigation support. This allows for a more dynamic user experience and better control over menu behavior.

Last reviewed: April 10, 2026

Related Docs