---
title: "How to Open WordPress Menu Dropdown on Click?"
url: https://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://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

- Nexter Blocks Navigation Menu block sets WordPress dropdown menus to open on click instead of hover, which helps touchscreen and mobile devices where hover events are unreliable.
- Submenu Open offers an OnClick option, and the dropdown opens when a visitor clicks the parent menu item.
- Submenu Transition lets the user select an animation effect for the dropdown, and the post notes that the block is part of Nexter Blocks and must be installed and activated.

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://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://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://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://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://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://nexterwp.com/docs/off-canvas-popup-menu-in-wordpress/).