How to Open Dropdown on Hover in Elementor?

Updated on January 20, 2024 by Ananda
Table Of Content

Do you want to open the dropdown menu on hover in your Elementor menu? Opening the submenu on hover can improve the user experience by making it easier for users to check the dropdown menu.

With the Navigation Menu widget from The Plus Addons for Elementor, you can easily make the dropdown menu open on hover in 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.

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

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

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

Navigation menu hover sub menu

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
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website