Different colors
You can click to see it



You can make your own with Less (http://lesscss.org/)
All Less files are provided when downloading.

Different sizes

You can add container class before <nav> element to fix width at page center.

Responsive design

As Bootstrap standards, we use 768px for mobile devices, 992px for tablets, 1200px for small screens and greater.

You can simply resize screen to see it in action, or navigate with your device to see render.

Bootstrap 3 compatible
But you can use only material-menu css file.

See Bootstrap version

Fixed

See Fixed top
See Fixed bottom
See Fixed left
See Fixed right

Compatible with all recent navigators

Google Chrome
Mozilla Firefox
Internet Explorer 9+ / Edge
Opera
Safari

Highly customisable

  • You can use same 12 columns grid system as Bootstrap.
  • You can add media files (Pictures / Video).
  • Picture can be set as thumbnail.
  • You can load other page in Iframe element.
  • You can set up form (Contact, Log in, Register, ...)
  • Align elements as you want.
  • Create as many sub-menu levels as you like.
  • You can use Font Awesome icons.
  • You can set width of displayed dropdowns.

Thank you for reading !

This demo aims to show various possibilities, they are not compulsory.

What's include?
  • Material menu CSS (one per color) files.
  • Compressed .min.css files.
  • Less files.
  • Font Roboto files (Meterial design recommanded font)
  • Font-awesome files (Optionnal).
  • Grid System CSS file (Optionnal).
  • Bootstrap files (V3.3.7 Optionnal).