Как исправить меню чтобы убрать зависимость от высоты хэдера?

Question

[khorosh_ilya]

Как исправить меню чтобы убрать зависимость от высоты хэдера?
было свойсто высоты

.header {
 	height: 100vh;
}

меняю на

.header {
 	height: 80px;
}

и выезжающее сверху меню уже видно и плывет все.
как сделать чтобы выезжающее меню на весь экран выезжало, но не зависло от размера 100vh как сейчас
подскажите пожалуйста
https://jsfiddle.net/khorosh/aqxzbs56/4/ вот пример

Answer 1

[Ilya Muromtsev]

Мне кажется надо в HTML переделать разметку, в хедере отображать меню с декстопа, а в мобильнике показывать другую, то бишь другой блок вне хедера, спозиционированым абсолютно.

Примерно