FlexNav

FlexNav will convert regular menus into a drop-down select option every time the page is viewed from a small viewport, tablet or smartphone device.

It heavily uses CSS 3 media queries to detect screen size and utilizes jQuery to convert the regular list structure of a navigation menu into the smaller frame of a drop-down select.

Demos are included with the download package.

Features:

• Cross-browser and cross-device tested code
• Support for touch gestures
• Supports multiple nested menu levels
• Can be used in a fixed/sticky position
• Gracefully degrades

What is new in this release:

• Cleaning up hovers.

What is new in version 1.2.2:

• Added active classes to main menu button and touch-icon.

What is new in version 1.2:

• Removed touchstart for fast clicks-possible cause of problems in some Android browsers.

What is new in version 1.1.1:

• No more "flash" of menu when page loads.

What is new in version 0.9:

• Added support for multiple flexnavs on one page.
• Fixed IE8 hover reveal bug.

What is new in version 0.8:

• Using Grunt for tasks now.

What is new in version 0.7:

• Reverting back to jQuery animations.
• No longer supporting em units due to miscalculations during testing.

Requirements:

• JavaScript enabled on client side
• jQuery