WordPress.org

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: 4.0 or higher
Compatible up to: 4.4.4
Last Updated: 8 months ago
Active Installs: 20,000+

Ratings

4.2 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say 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
50,2,1
100,1,1
100,2,2
100,1,1
0,1,0
0,1,0
50,2,1
100,1,1
100,1,1