Get fresh WordPress Content delivered in your inbox with warpspeed!

learn wordpress wplift wordpress rocket

If you are using a responsive theme it is essential that you make sure that the navigation works correctly on all devices - it should be clear how it works and shouldnt be too fiddly to use on touch screen devices. Most responsive themes will take into account the navigation and will switch it depending on the screen size of the viewing device but not all themes carry this out correctly which is where you could use an external menu plugin to handle it.

Personally I like to switch the default menu for a drop down select box, you can view this in action on WPLift if you resize the window down or visit on a mobile. I like how the iPhone handles select boxes so this is the method I use in my themes.

15

If you have more complex menu requirements such as multiple levels or wish to use graphics / icons in the menu then a plugin would be a better way to handle this and there are some great plugins I have found to handle this ...

Free Menu Plugins

Responsive Menu

This is a Highly Customisable Responsive Menu Plugin, with 45 customizable options

10

Details & Download | Price: Free

WP Responsive Menu

Using WP Responsive Menu plugin you can easily get highly customizable mobile menu plugin for your wordpress site. This plugin can easily convert your wordpress 3.0+ menu to a great looking sliding menu for mobile devices.

11

Details & Download | Price: Free

Simple Responsive Menu

Make your site simple menu to responsive menu. This plugin is convert WordPress menu to simple responsive menu.

12

Details & Download | Price: Free

Royal Responsive Menu

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

13

Details & Download | Price: Free

jQuery Responsive Select Menu

Automatically turns your standard WordPress navigation menus into responsive select / drop-down menus when the screen is below a certain width.

14

Details & Download | Price: Free

Premium Menu Plugins

MOBILE.NAV - Responsive menu plugin

The easy to use mobile and responsive navigation menu plugin for Wordpress

1

Details & Download | Price: $10

Revolution Responsive Menu

Turn you existing menu into amazing fly-out responsive menu with a click. Simpy works on any WordPress version or theme.

2

Details & Download | Price: $11

Mean Menu

MeanMenu is a responsive menu plugin for WordPress which will help you automatically make your menu mobile friendly.

3

Details & Download | Price: $12

Kodda

Kodda is a responsive , modern , clean & highly customizable WP menu. You can style almost everything from the settings page.

4

Details & Download | Price: $13

Mega Main Menu

Awesome responsive menu plugin. Features: icons, sticky, mega dropdowns variations, custom skins, fully customizable. You can place any content in dropdowns: links, text, images, widgets and shortcodes. Custom dropdowns so easy with “Mega Main Menu”.

5

Details & Download | Price: $14

DH Menu

This is user-friendly, highly customizable, responsive mega menu WordPress plugin. It works independently of the Wordpress system menu. With this plugin, your site has a beautiful mega menu , user friendly, responsive or create sliding your menu in mobile apps.

6

Details & Download | Price: $12

WordPress Menufication

Navigation is one of the most important aspects of a website. The fly-out menu (with inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website.

7

Details & Download | Price: $15

Touchy

Touchy, a mobile-first menu plugin for WordPress. While fast, reactive and primarily meant for touch devices, Touchy can also be used on a full-blown desktop site as it’s been tested in a variety of browsers to ensure it works the same everywhere.

8

Details & Download | Price: $10

Stimmy

Stimmy is a premium WordPress plugin that generates a responsive navigation menu using your theme standard menu as source.

9

Details & Download | Price $10

Published:

Last updated on:

Oliver Dale is the founder of Kooc Media, An Internet Company based in Manchester, UK. I founded WPLift and ThemeFurnace, find out more on my Personal Blog. Thanks!

3 thoughts on “How To Create WordPress Responsive Menus – Tips & Free / Premium Plugins

  1. Surely a useful article and fortunately you wrote the word “plugin” in the title but i still expect to see a code tutorial when i read “how to”

  2. Thanks for the post Oli, its time to change my theme’s default menu. One major disadvantage of the Ultimatumtheme framework is the non-responsiveness of its menu items; aside the Twitter menu option which is hard to customise, the other menu options are messy.

Comments are closed.

Join 40,000 WordPress Astronauts
AND GET OUR LATEST CONTENT IN YOUR INBOX WITH WARPSPEED

We will never spam you.
close-link
siteground coupon
Get 60% Off the No. 1 WordPress Hosting!
Get 60% Off the No. 1 WordPress Hosting!