Адаптивный header сайта?

Question

[Арман Дендибаев]

Есть шапка сайта Header и в нём 4-ссылки
Так хочу сделать так что бы при-разрешений меньше -520px было вот такая кнопочка(рис.1)
что бы при нажатий открывался меню,
такое я видел в Bootstrap'e но я в своем сайте не юзаю Bootstrap

Answer 1

[Арман Дендибаев]

Я сам нашел ответ
jsbin.com/fayuhoxoda/edit?html,output

Answer 2

[Сергей Горячев]

https://jsfiddle.net/webirus/aesfhL47/

Comments

[Арман Дендибаев]

я знаю Адаптивный вёрстку, но мне нужно именно ответ на мой вопрос(шапка сайта)

[Сергей Горячев]

Арман Дендибаев: Если бы ты знал про адаптивную верстку, ты не задавал бы вопрос. Всё элементарно тут. А без примерного кода, никто за тебя писать структуру не будет.

[Арман Дендибаев]

Sergey Goryachev: я смогу сделать 2 дивов, первый див для мониторов если разрешение больше 540px То display: block; а если меньше то display: none; а там второй див если меньше 540px то display block; а если больше 540px То второй див на display: none;

[Арман Дендибаев]

Sergey Goryachev: но как реализовать вот этот кнопку ?

[Сергей Горячев]

Арман Дендибаев: https://jsfiddle.net/webirus/aesfhL47/