---
title: "How to Open WordPress Menu Dropdown on Click?"
url: https://qa.nexterwp.com/docs/open-wordpress-menu-dropdown-on-click/
date: 2024-12-02
modified: 2026-06-12
author: "Aditya Sharma"
description: "Do you want to open the WordPress menu dropdown on click? By default, the WordPress dropdown menu opens on hover. This can cause problems on touchscreen and mobile devices where..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Open-WordPress-Menu-Dropdown-on-Click_-1024x519.jpg
word_count: 306
---

# How to Open WordPress Menu Dropdown on Click?

## Key Takeaways

- Utilizes the Navigation Menu block from Nexter Blocks to enable dropdown menus on click in WordPress.
- Requires installation and activation of Nexter Blocks to access the dropdown menu feature.
- Instructs users to configure the header template using Nexter Builder and select 'OnClick' in the Submenu Open section.

Do you want to open the WordPress menu dropdown on click? By default, the WordPress dropdown menu opens on hover. This can cause problems on touchscreen and mobile devices where hover events are unreliable. Setting the dropdown to open on click makes the navigation work consistently across all device types.

With the Navigation Menu block in Nexter Blocks, you can set the dropdown menu to open on click in WordPress.

**Best Used For:**

- Navigation menus on sites with a significant mobile audience where hover menus do not work reliably

- Multi-level dropdown menus with deep nesting where hover-triggered submenus cause accidental openings

- Accessibility-focused sites where click-triggered menus are more predictable for keyboard and assistive technology users

*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 Nexter Blocks. Make sure it is installed and activated.**

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

To set the dropdown to open on click, 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 **Type** and **Menu Layout** for your navigation.

2. Select or create the menu depending on the option you chose in the **Type** section.

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

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

From the **Submenu Transition** dropdown, select the animation effect for the dropdown when it opens. Use this to match the transition to your site’s overall motion style.

Your dropdown menu will now open when a visitor clicks the parent menu item. If you prefer hover-triggered dropdowns on desktop and want to compare the configuration, see [How to Open WordPress Menu Dropdown on Hover](https://qa.nexterwp.com/docs/open-wordpress-menu-dropdown-on-hover/).

For a menu that slides in from the side instead of dropping down, see [How to Create an Off-Canvas Popup Menu in WordPress](https://qa.nexterwp.com/docs/off-canvas-popup-menu-in-wordpress/).