The Responsive Select Menu plugin automatically turns any WordPress 3 Menu into a select box / dropdown on mobile devices.
| Author: | Chris Mavricos, SevenSpark (profile at wordpress.org) |
| WordPress version required: | 4.0 |
| WordPress version tested: | 4.4.33 |
| Plugin version: | 1.7 |
| Added to WordPress repository: | 10-05-2012 |
| Last updated: | 28-11-2017
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 86 |
| Rated by: | 42 |
| Plugin URI: | http://wpmegamenu.com/responsive-select-menu |
| Total downloads: | 218 237 |
| Active installs: | 3 000+ |
 Click to start download |
|
View Demo 2 in a Responsive WordPress Theme
One common UI paradigm for navigation menus with responsive design is to display a select box (form element)
for mobile devices. This plugin allows you to turn your WordPress 3 menu into a select box below a width of your choice.
Features
- Takes up less screen real estate on mobile devices
- Easier navigation for touch screens
- Works automatically – no need to add extra PHP code
Highly Configurable
Through the Responsive Select Menu Control Panel you can:
- New in 1.2 – select which theme locations to apply the menu to
- Set your width breakpoint (where your menu switches from your standard menu to a select box)
- Configure how many levels you wish to include in the select menu. Set it to 1 to include only the top-level menu items.
- Choose the character used to indent your submenu items within the select box
- Choose whether or not to exclude “dummy” items that don’t have links
- Set the text of the first menu item
The demo is built with UberMenu – WordPress Mega Menu Plugin , but it is designed to work with any UL-based WordPress 3 menu.
Based on the excellent tutorial from Chris Coyier and CSS Tricks – thanks!
Screenshots
FAQ
ChangeLog