---
title: "How to Open WordPress Menu Dropdown on Hover?"
url: https://qa.nexterwp.com/docs/open-wordpress-menu-dropdown-on-hover/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to show the WordPress dropdown menu on hover? Showing submenu on hover makes it easier for users to find the options, which improves the user experience. With..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Open-WordPress-Menu-Dropdown-on-Hover_-1024x519.jpg
word_count: 179
---

# How to Open WordPress Menu Dropdown on Hover?

## Key Takeaways

- Utilizes the Navigation Menu block from Nexter Blocks to enable dropdown menus on hover in WordPress.
- Requires installation and activation of Nexter Blocks to access the dropdown hover feature.
- Allows selection of submenu transition effects for enhanced user experience in the header template.

Are you looking to show the WordPress dropdown menu on hover? Showing submenu on hover makes it easier for users to find the options, which improves the user experience.

With the Navigation Menu block from the Nexter Blocks, you can easily open the dropdown menu on hover in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Navigation Menu block, [click here](https://qa.nexterwp.com/docs/add-a-navigation-menu-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/builder/wordpress-navigation-menu/)

To do this, add the Navigation Menu block to the header template and follow the steps -

> *Note: To create the header template, you can use the free *[*Nexter Builder*](https://qa.nexterwp.com/docs/nexter-theme-builder-explained/)*.* 

1. Select the appropriate options from the **Type** and **Menu Layout** sections.

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

3. From the **Submenu Open** section, select **OnHover**.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/navigation-menu-on-hover.png)

You can select the appropriate effects for the dropdown menu from the **Submenu Transition** dropdown.

Now, your dropdown menu will open on hover. 

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/navigation-menu-on-hover-demo.gif)