---
title: "How to Open Elementor Submenu Dropdown on Hover for Free?"
url: https://theplusaddons.com/docs/open-elementor-submenu-dropdown-on-hover-for-free/
date: 2023-10-27
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Open-Elementor-Submenu-Dropdown-on-Hover-for-Free_-1024x536.jpg
word_count: 209
---

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

## 

- Utilizes the Navigation Menu Lite widget from The Plus Addons for Elementor to open submenu dropdowns on hover.
- 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.

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](/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 **Hover Sub-Menu**. 

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

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

Also, read [How to Open Elementor Submenu Dropdown on Click for Free](https://theplusaddons.com/docs//open-elementor-submenu-dropdown-on-click-for-free/).