---
title: "How to Open Dropdown on Click in Elementor?"
url: https://theplusaddons.com/docs/open-dropdown-on-click-in-elementor/
date: 2023-10-27
modified: 2026-04-10
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Open-Dropdown-on-Click-in-Elementor_-1024x536.jpg
word_count: 245
---

# How to Open Dropdown on Click in Elementor?

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

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](/docs/navigation-menu-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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* 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**. 

![](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-click-sub-menu-new.png)

Suggested reading, [8 best mega menu examples + learn how to create them.](https://theplusaddons.com/blog/best-mega-menu-examples/)

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](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-click-sub-menu-demo.gif)

Also, read [how to open dropdown on hover in Elementor](https://theplusaddons.com/docs//open-dropdown-on-hover-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if my dropdown menu doesn't open on click?**
A: 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.

**Q: What are the best settings for creating a dropdown menu in Elementor?**
A: 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.

**Q: Are there any limitations when using the dropdown on click feature?**
A: 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.