Responsive Select Menu vs ShiftNav – Responsive Mobile Menu

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!

ShiftNav is an awesome mobile menu for WordPress. It looks and acts like native app off-canvas slide-out menus for popular apps like Facebook, Gmail, etc. ShiftNav Demo – see how it works Get started: ShiftNav Quick Setup Guide Feature Overview Native App-Style Menus Automatic Integration Light & Dark Skins Works with the WordPress 3 Menu System Touch-enabled CSS3 Transitions produce smooth animations on mobile devices Configurable Knowledgebase Want to take your menu to the next level? Go Pro Browser Compatibility ShiftNav will open with a slide transition with browsers that support it. For browsers that don’t fully support CSS3 transforms, the menu will fall back to non-animated open/close functionality.