Как пофиксить код с бургер-меню?

Question

[Сергей Ильин]

Бургер-меню не работает при нажатии на иконку бургера ((
помогите пофиксить:
https://jsfiddle.net/sunsexsurf/gw3185to/6/

Answer 1

[xdevelx]

https://codepen.io/xdevelx/pen/PoPMQEv

Comments

[Сергей Ильин]

что-то все-таки не так (( при нажатии у вас (у меня?) выезжает синий бэкграунд, а, по идее, должен бы список того, что скрыто в бургере..

[xdevelx]

Сергей Ильин, У вас функционал отрабатывает - для .header__burger и .header__menu добавляется класс .active. А что должно отображаться при этом, решайте в стилях.

[Сергей Ильин]

xdevelx, я не понимаю - как их отобразить ((

[xdevelx]

Сергей Ильин, Как минимум, у вас .header__list с display: none

[xdevelx]

В медиа запросе

.header__list li {
    margin: 0px, 0px, 20px, 0px;
}

Это что за синтаксис для margin через запятую?

[xdevelx]

Для .header__list стоит прописать flex-direction: column;

.header__menu.active .header__list {
  display: flex;
  flex-direction: column;
}

[Сергей Ильин]

xdevelx, о, круто. не увидел совершенно.
Спасиьо вам, пойду мучиться дальше(там еще менюшка не вся открывается - куда-то пропадает первая ссылка, но...)

[xdevelx]

Сергей Ильин,

там еще менюшка не вся открывается - куда-то пропадает первая ссылка, но...

Верх меню под плашкой скрыт. Дайте списку margin-top и оно полностью покажется.

[Сергей Ильин]

xdevelx, храни вас (кто там разработчиков хранит?). Глупая ситуация: вместо того, чтобы просто плучить данные от моего отдела, руководство решило "а давайте их в веб-форме смотреть" ((
пришлось погружаться

Спасибо вам огромное.

[Сергей Ильин]

xdevelx, это у меня IQ невысокий - после "обычных" ЯПов трудно привыкнуть к тому, что запятыми разделять не надо