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

  1. 4.7KB Minified
  2. 1.8KB gzipped

File Size: JS (with polyfill for support in old browsers)

  1. 3.3KB Minified
  2. 1.9KB gzipped