Time for action – making our menu responsive

We'll get started with the custom-designed menu we created in the section The hoverIntent plugin of Chapter 4, Building an Interactive Navigation Menu. Then, we'll perform the following steps to make that menu work for responsive designs:

1. We're going to use the MeanMenu plugin from MeanThemes to make our menu responsive. The MeanMenu plugin is available from GitHub at https://github.com/weare2ndfloor/meanMenu. Head over there and find the Download Zip button in the right-hand side column to download a ZIP file of all the files we'll need to get the MeanMenu working.

2. Now that we've downloaded that ZIP file, let's open it up and take a look at what's inside:

   

   This is pretty straightforward. We have a demo HTML file to show us the MeanMenu plugin in action. There's a copy of the GPL license. There are the JavaScript and CSS files for the menu, along with a minified copy of each. And finally, there's a README file with some documentation.

3. First of all...