A flexible 2 tier responsive burger menu
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Fixing z-index issues. Scoped to a configurable variable: $menu-z-index May 18, 2017
js
sass
LICENSE License, demo, readme Jan 16, 2017
README.md Bad link in readme Jan 16, 2017
index.html Fixed typo in demo Mar 15, 2017

README.md

Invent Flex Responsive jQuery Burger Menu Demo

By Invent Partners [http://inventpartners.com]

This responsive menu plugin displays a horizontal menu on desktop / large tablet displays, and collapses to a slide out burger menu on smaller mobile devices.

The burger aligns right by default, and will slide out of the right hand side of the screen by default. It can be aligned left by adding a class of "left" to the menu button and to the menu itself.

SASS source files are provided for all CSS.

Demo

Check out the demo.

Requirements

jQuery is the only requirement for this plugin.

Usage

Include the JavaScript and CSS files.

Markup your nav using unordered lists and give them an id of inv-menu. Feel free to play with the CSS to change the colours etc. Markup your burger menu with an id of inv-nav-main-btn.

View the source of the demo page for further guidance on the markup etc.

More details here: [http://www.inventpartners.com/open-source/flexible-responsive-burger-menu]