Responsive Navigation with Drop Down Menu and Wordpress Plugin

Buy Now $10Buy Wordpress (2012 & 2014 themes) Plugin $15

Why isn't it free!?

Well, I spent a good week of my life writing, finessing and commenting this code from scratch so it would be as rock-solid and easy-to-use as it can be. I also have a family to feed.

Installation Instructions

First make sure your navigation is a properly formatted unordered list and is inside of a <nav> tag. Then add these scripts in the page header:

Substitute the paths below for the path to your installation.

Add this script at the bottom of the page just before the closing </body> tag:



Wordpress Plugin Installation Instructions

  1. Download and install the entire contents of the "responsive-navigation" folder into /wp-content/plugins.
  2. In the administrative control panel go to Plugins (/wp-admin/plugins.php) and activate "Responsive Navigation".

After spending countless hours searching the web reviewing reliable responsive navigation menu scripts that:

I finally decided to write one myself. Now that I've done all the hard work writing this script and making sure this is a fully platform tested responsive navigation system, I'm offering it to you for download.

The biggest problem I ran into with just about all of the free scripts is that they couldn't handle more than a single level of the menu tree -or they didn't have a way to toggle a submenu open, then toggle it closed if the user doesn't find what they're looking for. This script handles those challenges beautifully.

This script was developed to be the best Responsive Navigation of any I reviewed. Here are some of the features:

Now available as a Wordpress Plugin!

This plugin is only compatible with the 2012 & 2014 themes at the present. Using this plugin can really clean up your mobile navigation as well as add some nice subtle animation to your main menu. This plugin can be used in conjunction with a custom theme as well however you'll need to write your own CSS for the main web view and uncomment line 12 of the ResponsiveNav.js file so it will write in the menu button for mobile view.

The Wordpress Plugin turns this mess:

Wordpress Responsive Navigation Plugin before

Into this user-friendly menu system:

Wordpress Responsive Navigation Plugin after

Cross-browser compatibility