Flexbox Mobile Navigation With Dropdown
Mobile/small screen navigation is a drop down. Large screens ( < 800px ) is a centered navigation. Not dependent on Jquery
I tried to build this with accessibility first. I'm still learning the ropes of accessibility so if you see any issues please raise them. I would like for this to be available to everyone :-).
Support for this should work back to Internet Explorer 8 if you include modernizr with the flexbox and media queries tests. Modernizr is included in this repository.
File Size: CSS
- 4.7KB Minified
- 1.8KB gzipped
File Size: JS (with polyfill for support in old browsers)
- 3.3KB Minified
- 1.9KB gzipped