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.
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.
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.
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.
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.
For a menu that slides in from the side instead of dropping down, see How to Create an Off-Canvas Popup Menu in WordPress.
