The Navigation Menu widget in The Plus Addons for Elementor lets you open the dropdown submenu on hover. When the submenu opens on hover, visitors can browse menu items faster without needing to click.
With the Navigation Menu widget from The Plus Addons for Elementor, you can configure the dropdown to 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.
Best Used For:
- Navigation-heavy websites and agencies that use multi-level menus and need submenus to appear on hover for faster browsing
- Portfolio and service sites where desktop visitors expect a standard hover-to-open dropdown navigation experience
- Corporate and SaaS websites that prefer hover-triggered menus to reduce click depth in the header navigation
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 below.
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 on the Layout tab. The menu type determines whether you are building a standard horizontal menu or a vertical side menu.
2. On the Content tab, select or create the menu based on the option you selected in Menu Type.
3. From the Menu Hover/Click dropdown, select Hover Sub-Menu. This setting changes the submenu trigger from click to hover.
Suggested reading, how to create a sticky menu in Elementor.
From the Menu Effects dropdown, select the visual effect for the dropdown menu. Options range from a simple fade to slide-down and other animated transitions.
Your Elementor dropdown menu will now open on hover.
Also, read how to open dropdown on click in Elementor.
