How to create a nav responsive?

Get Started
1

Hello guys!
I see very many website use nav reponsive, like website msweb.vn. I don’t know what is pluing jQuery.
I hope get help to everyone. Thanks so much!

2

Hi,

There are many examples of [URL=“http://www.queness.com/post/14244/side-out-sidebar-navigation-javascript-solutions”]those types of nav around and are usually done with css/media queries and a little bit of js/jquery.

You can do it in CSS only for modern browsers (this is just the example of the side nav and you would need media queries to turn a horizontal nav into a vertical nav).

3

Use media queries and css.
It’s better than jquery and javascript.

http://docs.webplatform.org/wiki/tutorials/media_queries

4

You might want to check out a responsive framework like bootstrap or [URL=“http://foundation.zurb.com/”]foundation. These make building responsive websites much easier (including navigation).

5

Use meta viewport nama and content in the header position of html.

<meta content=“width=device-width, initial-scale=1, maximum-scale=1” name=“viewport”>

and then add the media query to the css styles.

@media only screen and (max-width: 320px) { /css style coding/ }