---
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-06-19
lang: en
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: 240
---

# How to Open Dropdown on Click in Elementor?

## 

- Utilizes the Navigation Menu widget from The Plus Addons for Elementor to open dropdown menus on click.
- Requires installation and activation of The Plus Addons for Elementor to access the dropdown feature.
- Instructs users to select 'Click Sub-Menu' from the Menu Hover/Click dropdown to enable click functionality.

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 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 it is installed and activated.***

[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/).