sevenspark

<p><a href="http://wpmegamenu.com/responsive-select-menu/" rel="nofollow ugc">View Demo 1</a></p>
<p><a href="http://agility.sevenspark.com/responsive-select-menu" rel="nofollow ugc">View Demo 2 in a Responsive WordPress Theme</a></p>
<p>One common UI paradigm for navigation menus with responsive design is to display a select box (form element)<br />
for mobile devices.  This plugin allows you to turn your WordPress 3 menu into a select box below a width of your choice.</p>
<h4>Features</h4>
<ul>
<li>Takes up less screen real estate on mobile devices</li>
<li>Easier navigation for touch screens</li>
<li>Works automatically – no need to add extra PHP code</li>
</ul>
<h4>Highly Configurable</h4>
<p>Through the Responsive Select Menu Control Panel you can:</p>
<ul>
<li>New in 1.2 – select which theme locations to apply the menu to </li>
<li>Set your width breakpoint (where your menu switches from your standard menu to a select box)</li>
<li>Configure how many levels you wish to include in the select menu. Set it to 1 to include only the top-level menu items.</li>
<li>Choose the character used to indent your submenu items within the select box</li>
<li>Choose whether or not to exclude “dummy” items that don’t have links</li>
<li>Set the text of the first menu item</li>
</ul>
<p>The demo is built with <a href="http://wpmegamenu.com/" rel="nofollow ugc">UberMenu – WordPress Mega Menu Plugin</a> , but it is designed to work with any UL-based WordPress 3 menu.</p>
<p>Based on the excellent tutorial from <a href="http://css-tricks.com/convert-menu-to-dropdown/" rel="nofollow ugc">Chris Coyier and CSS Tricks</a> – thanks!</p>


Responsive Select Menu

The Responsive Select Menu plugin automatically turns any WordPress 3 Menu into a select box / dropdown on mobile devices.

Tomek

<p>Replace the username field drop-down menu to the traditional login form</p>


Drop-down userlist

Replace the username field drop-down menu to the traditional login form

Responsive Select Menu vs Drop-down userlist