Responsive CSS Navigation Menu

Apr 4th 2012 Tags: , ,
Responsive CSS Navigation Menu

This navigation menu uses media queries to achieve a fluid, responsive design that easily adapts to any size viewport and device. Three color variations dare included, each with animated hover styles.

Four free third party resources were used for this menu. The first is a custom font served up via Google Web Fonts.

The second resource is Selectivizr, a JavaScript library that brings CSS3 selector support to IE6-8. Selectivizr requires another major library to function so MooTools in included as well.

Finally, html5shiv is used to bring the “nav” element to IE.

Comments & Discussion

  1. Thanks!

  2. Nice creation, keep sharing.

  3. Thanks :D

  4. thanks for menu

  5. Hi, thanks for the code!

    Do you know if there is a good example of the responsive menu with dropdowns?

  6. Really nice

Leave a Reply

Your email address will not be published. Required fields are marked *

PIXELSDAILY is a collection of free and commercial resources for designers.

How it Works

It's pretty simple. Any free resources are just that — completely free for you to use and incorporate in your designs. Find out more.


Join Us on Facebook