How to Open Elementor Submenu Dropdown on Hover for Free?

Updated onApril 10, 2026By

Key Takeaways

  • Navigation Menu Lite widget from The Plus Addons for Elementor opens an Elementor submenu on hover.
  • Users must create a menu in WordPress to utilize the Navigation Menu Lite widget.
  • Menu Hover/Click dropdown allows selection of Hover Sub-Menu for dropdown effects.
Table Of Content

Are you looking to open the Elementor submenu dropdown on hover? Opening the submenu on hover makes it easy for users to check the submenus.

With the Navigation Menu Lite widget from The Plus Addons for Elementor, you can easily open an Elementor submenu on hover.

To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu Lite 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.

To use the Navigation Menu Lite widget, you need to create a menu in WordPress.

Then, add the Navigation Menu Lite widget to the header template and follow the steps –

Note: To create the header template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it. 

1. Select the appropriate option from the Menu Direction dropdown.

2. Then select your menu from the Menu Type dropdown.

3. From the Menu Hover/Click dropdown, select Hover Sub-Menu. 

Navigation menu lite hover sub menu

You can select the appropriate effects for the dropdown menu from the Menu Effects dropdown.

Now, your dropdown menu will open on hover. 

Navigation menu hover sub menu demo

Also, read How to Open Elementor Submenu Dropdown on Click for Free.

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 Elementor submenu dropdown doesn't open on hover?

If your submenu dropdown isn't opening on hover, check if you've selected 'Hover Sub-Menu' from the Menu Hover/Click dropdown. This setting is crucial for enabling the hover effect. Additionally, ensure that the Navigation Menu Lite widget from The Plus Addons for Elementor is installed and activated, as it is required for this functionality.

Can I use the Navigation Menu Lite widget for a mobile-friendly menu?

The Navigation Menu Lite widget is primarily designed for desktop use. While it can be added to a mobile layout, the hover effect may not translate well on touch devices. For mobile menus, consider using click-based dropdowns instead. You can learn how to set that up in the How to Open Elementor Submenu Dropdown on Click for Free guide.

What is the best way to create a header template for my menu?

Using the free Nexter Builder or Elementor Pro is the best approach to create a header template for your menu. This allows for more customization and flexibility in design. Ensure your header template is set up correctly before adding the Navigation Menu Lite widget to avoid layout issues.

Is there a way to customize the submenu appearance beyond hover effects?

While the primary customization for submenu appearance in the Navigation Menu Lite widget focuses on hover effects, you can also adjust the overall menu styling through Elementor's design settings. This includes changing colors, fonts, and spacing to ensure the submenu aligns with your site's branding.

Last reviewed: April 10, 2026

Related Docs