Как сделать так, что при нажатии на кнопку «МЕНЮ» открывался бургер ( только с помощью CSS) и aвноматически добавлял отступление для другого блока?

Question

[Yurii931]

Как сделать так, что при нажатии на кнопку "МЕНЮ" открывался бургер (условие, что бургер только с помощью CSS) и явноматически добавлял отступление для другого блока?
(на ширине экрана 480рх)

https://jsfiddle.net/Yurii931/u9qndjw3/

Answer 1

[Антон Шаманов]

https://jsfiddle.net не работает в России. Чисто практически: оборачиваешь меню в label и добавляешь перед меню скрытый checkbox:

.burger-menu {display: none;}
.burger-checkbox:checked + .burger-menu {display: block;}

Но семантически это такое себе решение.

Comments

[Yurii931]

У меня все как будто так и есть, но все равно не работает.
Возможно, этот сервис работает у вас:
https://codepen.io/Yurii931/pen/LYeXwao

[Антон Шаманов]

Yurii931, :facepalm input внутри label