Как исправить проблему меню?

Question

[MRcracker]

Нашел в интернете пример адаптивного меню. getinstance.info/articles/css/responsive-menu
В этом меню есть проблема. На маленьких экранах меню становиться прозрачным и при нажатии на кнопку просто меняется прозрачность. Как сделать так, чтобы на маленьких экранах меню полностью исчезало и появлялось по нажатию на кнопку?

Answer 1

[Дмитрий Pacification]

Показываю "на пальцах":
Здесь добавляется класс .menu_state_open, для меню когда оно открыто (или можно просто добавить .open, или .is-open в котором с !important прописать нужное свойство . Кстати это будет уникальный класс, который ты с помощью скрипта можешь тулить любым элементам которые могут открываться и закрываться)
Этот класс содержит display:block и переопределяет .menu в котором display:none

Открыто
prntscr.com/gg9kp6
Закрыто
prntscr.com/gg9jq3