WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Responsive Select Menu

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

View Demo 1

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!

Requires: 3.6 or higher
Compatible up to: 3.8.3
Last Updated: 2014-2-12
Downloads: 112,640

Ratings

4 stars
4.4 out of 5 stars

Support

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

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
0 people say it's broken.

100,1,1 50,2,1
100,1,1
100,2,2
86,7,6
75,4,3 75,4,3 100,1,1
100,1,1 86,7,6
100,1,1
100,2,2 100,2,2
0,1,0
100,1,1
100,3,3
100,1,1 100,3,3
100,2,2
100,1,1