Plugin Directory

Black Studio Touch Dropdown Menu

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

How to customize the plugin's behavior

By default the plugin applies its behavior to all hyperlinks that are direct children of nested unordered list. This is corresponding to the following jQuery selector: li:has(ul) > a, which is very generic and should fit with almost every theme. In some case the use of this generic selector may cause unexpected behaviors on nested unordered lists that are not navigation menus and do not have any dropdown effect applied. To workaround this, the plugin provides the filter black_studio_touch_dropdown_menu_selector, that allows advanced users to customize the selector to use.

Example (based on Twenty Eleven theme markup):

add_filter('black_studio_touch_dropdown_menu_selector', 'my_custom_selector');
function my_custom_selector($selector) {
    return 'nav li:has(ul) > a';


If you think the plugin doesn't work as expected. please post a message in the Support forum, providing the following information:

  • Description of the problem and steps to reproduce it
  • Error messages if any (especially in the browser javascript console)
  • Browser / OS / Device in use
  • WordPress version in use
  • WordPress theme in use
  • List of other WordPress plugins installed

Requires: 3.0 or higher
Compatible up to: 3.9.9
Last Updated: 2014-8-2
Active Installs: 3,000+


4.1 out of 5 stars


0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.