How to Create a Vertical Mega Menu in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • Navigation Menu widget from The Plus Addons for Elementor allows users to create a vertical mega menu.
  • Users must select Vertical Menu from the Menu Direction section to configure the vertical mega menu.
  • Creating a vertical mega menu requires the Navigation Menu widget to be installed and activated.
Table Of Content

Do you want to add a vertical mega menu on your Elementor website? A vertical menu can be very effective for an e-commerce or a large content based website. It not only enhances the user experience but also allows for easier navigation of a website’s vast content.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a vertical mega 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

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 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. Select the Default from the Menu Type.

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

3. Finally, from the Select Menu dropdown, select your mega menu from the Content tab.

Also read, 5 best Elementor mega menu plugins.

You can select the appropriate submenu hover event and effect.

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

Also, read how to create a mega 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 mega menu isn't displaying correctly?

Check if the Navigation Menu widget from The Plus Addons for Elementor is installed and activated. If the widget is not active, the menu won't function properly. Also, ensure that you've selected 'Vertical Menu' from the Menu Direction section and that your mega menu is correctly set in the Content tab.

Can I use a vertical mega menu for an e-commerce site?

A vertical mega menu is particularly effective for e-commerce sites as it enhances user experience and simplifies navigation through extensive product categories. By using the Navigation Menu widget, you can create a structured layout that allows customers to find products easily.

What are the best settings for submenu hover effects in a vertical mega menu?

Choosing the right submenu hover effect can significantly enhance user interaction. The Plus Addons for Elementor allows you to select various hover events and effects. Experiment with different options to see which one complements your siteu2019s design and improves usability.

What are the limitations of using the vertical mega menu feature?

The vertical mega menu feature is exclusive to The Plus Addons for Elementor and will not work with other page builders like Gutenberg, Beaver Builder, or Divi. This means that if you switch to a different builder, you will lose access to this functionality.

Last reviewed: April 10, 2026

Related Docs