Что делать, если не работает burger menu?

Question

[Арсений Смирнов]

Здравствуйте, у меня не работает burger menu, в чём может быть проблема?

Answer 1

[Иван В]

Проблема в том, что у тебя в SCSS нет стилей для "активного" состояния меню.

При клике на бургер, добавляются классы "active" на кнопке и шапке.
В случае с кнопкой, комбинация классов "header-btn" и "active"прописана в стилях и приводит к внешним изменениям кнопки.
Но стилей для комбинации "header" и "active" у тебя нет. По этому меню "не работает".

Comments

[Арсений Смирнов]

Посмотрите пожалуйста сейчас, я добавил класс active, но бургер меню всё равно работает не правильно, оно почему-то уехало за пределы экрана

[Иван В]

Арсений Смирнов, у тебя изначально "translateX(-100%)" у элемента "header-item", но в активном состоянии ты прописал "translateX(0)" для "header". По этому "header-item" остается на месте.

[Арсений Смирнов]

Иван В, прошу прощения за такую наглость, но я не могу сделать корректную работу бургер-меню, можете пожалуйста написать код, чтобы он правильно работал.