A customizable, modern, and responsive navigation for any website. Built this small framework to answer my number 1 google search "how to responsive nav".

Nav inspired by this codepen, style #1.

Custom variables inspired by the awesome, modular Bulma framework.

Demo

Also used on my personal site

Download this repo, edit the util scss variables to your liking, paste the HTML, @import the _nav and _utils into your style.scss, link the scripts.js file, and voila.

Really and truly, this could be used as a very basic HTML template, but use what you need.

The scripts.js includes smooth scroll from W3Schools, but the CSS includes scroll-behavior: smooth-scroll as a backup, however this property is not widely supported yet.

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

MIT