How to Open Dropdown on Click in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to open the dropdown menu on click, ensuring functionality on all devices.
  • The Navigation Menu widget requires installation and activation of The Plus Addons for Elementor to access its features.
  • Users can customize the dropdown menu by selecting 'Click Sub-Menu' from the Menu Hover/Click dropdown in the widget settings.
Table Of Content

Are you looking to open the dropdown menu on click on your Elementor menu? As opening the dropdown menu on hover will not work on mobile, so opening the dropdown menu on click will make sure it works on all devices. 

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily open the dropdown menu on click on your navigation menu.

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, add the Navigation Menu 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 options from Menu Type and Menu Direction sections on the Layout tab.

2. Then select or create the menu, depending on the option selected in the Menu Type from the Content tab.

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

Navigation menu click sub menu new how to open dropdown on click in elementor? From the plus addons for elementor

Suggested reading, 8 best mega menu examples + learn how to create them.

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

Now, your dropdown menu will open with a mouse click. 

Navigation menu click sub menu demo

Also, read how to open dropdown on hover 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 dropdown menu doesn't open on click?

If your dropdown menu isn't opening on click, ensure you've selected 'Click Sub-Menu' from the Menu Hover/Click dropdown in the settings. This setting is crucial for enabling the click functionality. If it's still not working, double-check that the Navigation Menu widget from The Plus Addons for Elementor is properly installed and activated.

What are the best settings for creating a dropdown menu in Elementor?

For optimal performance, select the appropriate options from the Menu Type and Menu Direction sections on the Layout tab. Additionally, choose effects from the Menu Effects dropdown to enhance the visual appeal. These settings help create a more engaging and user-friendly dropdown menu using The Plus Addons for Elementor.

Are there any limitations when using the dropdown on click feature?

One limitation to consider is that the dropdown on click feature is only available through the Navigation Menu widget from The Plus Addons for Elementor. If you're using other page builders or widgets, this functionality may not be supported. Ensure you're using the correct tools to achieve the desired dropdown behavior.

Last reviewed: April 10, 2026

Related Docs