Black Studio Touch Dropdown Menu

plugin banner

Add support for navigation dropdown menus on mobile / touch devices.

Author:Black Studio (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:6.0.7
Plugin version:1.0.2
Added to WordPress repository:03-09-2012
Last updated:01-07-2022
Rating, %:84
Rated by:22
Plugin URI:https://wordpress.org/plugins/black-studio-to...
Total downloads:49 079
Active installs:2 000+
plugin download
Click to start download

Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc).

Links

Get involved

Credits

This plugin was inspired by the article “Make CSS drop-down menus work on touch devices” written by Ross McKay, although it uses a totally different javascript code.


FAQ
ChangeLog