---
title: "How to Open Elementor Submenu Dropdown on Click for Free?"
url: https://theplusaddons.com/docs/open-elementor-submenu-dropdown-on-click-for-free/
date: 2023-10-27
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Do you want to show the Elementor submenu on click? Opening the submenu on click will improve the user experience as it will work on all devices. With the Navigation..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Open-Elementor-Submenu-Dropdown-on-Click-for-Free_-1024x536.jpg
word_count: 213
---

# How to Open Elementor Submenu Dropdown on Click for Free?

## 

- Utilizes the Navigation Menu Lite widget from The Plus Addons for Elementor to open submenus on click.
- Requires installation and activation of The Plus Addons for Elementor to access the Navigation Menu Lite widget features.
- Instructs users to create a menu in WordPress and configure settings in the header template using either Nexter Builder or Elementor Pro.

Do you want to show the Elementor submenu on click? Opening the submenu on click will improve the user experience as it will work on all devices.

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

*To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu Lite widget, [click here](/docs/navigation-menu-lite-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.***

To use the Navigation Menu Lite widget, you need to [create a menu in WordPress](https://codex.wordpress.org/WordPress_Menu_User_Guide).

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

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

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 Elementor Submenu Dropdown on Hover for Free](https://theplusaddons.com/docs//open-elementor-submenu-dropdown-on-hover-for-free/).