How to create a nav responsive?

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


There are many examples of [URL=“”]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).

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

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

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/ }