Black Studio Touch Dropdown Menu
Add support for navigation dropdown menus on mobile / touch devices.
The facts
- Rating
- 4.2★ from 22
- Active installs
- 1k+
- Price
- Free
- Last updated
- 1 Jul 2022
- Added
- Sep 2012
- Requires WP
- 3.0
- Tested up to
- WP 6.0.14
- Downloads
- 52,670
Our analysis
AI-assistedBlack Studio Touch Dropdown Menu is a WordPress plugin designed to enhance navigation on mobile and touch devices. It addresses the common issue where dropdown menus do not function properly on these devices by allowing the first tap to open the dropdown menu and a second tap to follow the link. This functionality mimics the behaviour found on iPads and iPhones from iOS version 5 onwards, making it suitable for users with older mobile operating systems as well.
This plugin is particularly useful for websites with extensive menus, as it helps users navigate directly to subpages without needing to go through multiple levels. It is aimed at site owners who want to improve the usability of their navigation menus on mobile devices.
Best for: This plugin is best for website owners with complex navigation structures who want to enhance mobile usability.
What it does well
- ✓Improves dropdown menu functionality on mobile devices
- ✓Allows first tap to expand menus and second tap to follow links
- ✓Suitable for older versions of iOS and other mobile platforms
Where it falls short
- •Limited information on additional features or configurations
- •Directory score indicates potential areas for improvement
Verdict
Black Studio Touch Dropdown Menu offers a specific solution for mobile navigation issues, making it a useful tool for those needing better dropdown functionality on touch devices.
From the developer
Black Studio's own description of Black Studio Touch Dropdown Menu, lightly tidied.
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
- Black Studio web site
- Plugin’s web page
- Support forum
- Follow us on Twitter, Facebook, LinkedIn and GitHub
Get involved
- Developers can contribute to the source code on our GitHub repository.
- Users can contribute by leaving a 5 stars review or making a donation.
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.