Responsive Navigation

The "Responsive Navigation" plugin takes a classic menu layout and converts it into a beautiful dropdown panel when the screen resolution goes down.

Unlike other menu-to-dropdown solutions, Responsive Navigation also takes into account intermediary stages. So between the normal menu state and the dropdown select form, as screen width diminishes, the options to the right side of the menu are hidden under a "More" menu indicator.

When the mobile breakpoint is reached, all the menu items are taken and hid under a toggle button which when pressed drops down a vertical list of all the menu's previous options.

A sample menu is included with the download package.

Requirements:

• JavaScript enabled on client side
• jQuery 1.7 or higher