zackdesign

<p><em>Note</em>: This plugin requires PHP 5</p>
<p><em>Warning</em>: This plugin requires knowledge of CSS to use adequately in widgets</p>
<p>Features at a glance:</p>
<ul>
<li>Widgetised to make it really easy to add multiple dropdowns anywhere on the page you have sidebars</li>
<li>Ability to create the menu wherever you want with PHP Classes</li>
<li>Leverages the new WordPress 2.8 widget settings to allow quick and easy multiple widget instances</li>
</ul>
<p>Theming options:</p>
<ul>
<li>Multi-level dropdown (CSS included)</li>
<li>Multi-level left/right flyouts (CSS included)</li>
<li>Support for Superfish Javascript (CSS included)</li>
<li>Works with other CSS (within reason)</li>
</ul>
<p>If you want me to modify the CSS for you simply <a href="http://www.zackdesign.biz" title="Zack Design" rel="nofollow ugc">contact me</a> and I will do it easily and quickly for you for a moderate sum.</p>
<p>It uses <a href="http://www.cssplay.co.uk/menus/final_drop.html" title="Stu Nicholl" rel="nofollow ugc">Stu Nicholl’s final drop-down code</a> which is a complete CSS solution – no Javascript required!!</p>
<p>You can look on <a href="http://www.cssplay.co.uk/menus/" title="Stu Nicholl's Menus" rel="nofollow ugc">Stu’s site for other drop-down code</a> as I got the flyout left and right code from there. Don’t forget to donate if you’re using his styles.</p>
<p>Most of his CSS should work just fine with the menu. I’ve made it so that the plugin automatically finds menu.css in the plugin’s folder and loads it in your WordPress site so you can instantly see how it will look. If you want to create your own CSS simply create menu.css in your theme’s root directory and the plugin will load that automatically for you.</p>
<p>Please note that if you’re upgrading you will need to change your theme files to suit the new approach. See Installation for further information.</p>


WordPress CSS Drop-down Menu

Use Wordpress' nav menu system to create left/right widget flyouts, with support for Superfish

Francesco Canovi

Marco Chiesi

Black Studio

<p>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).</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Black Studio web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">Plugin’s web page</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-touch-dropdown-menu" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-touch-dropdown-menu#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">donation</a>.</li>
</ul>
<h4>Credits</h4>
<p>This plugin was inspired by the article <a href="https://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/" rel="nofollow ugc">“Make CSS drop-down menus work on touch devices”</a> written by Ross McKay, although it uses a totally different javascript code.</p>


Black Studio Touch Dropdown Menu

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

WordPress CSS Drop-down Menu vs Black Studio Touch Dropdown Menu