Как сделать так, чтобы это раскрывающееся меню отображалось правильно при активации? ⇐ CSS

[Anonymous]

вот сайт, о котором идет речь:
Непочтительный натуралист
Как вы можете видеть, когда вы нажимаете на значок навигационного гамбургера, нижнее меню элемент скрыт другим содержимым страницы. В идеале один из элементов div, содержащий меню, должен выглядеть как белый прямоугольник со 100% непрозрачностью, простирающийся от верхней части страницы до нижнего пункта меню.
Я пробовал экспериментировал с позиционированием, непрозрачностью и z-индексом, но вообще не смог добиться видимых изменений; вынужден прийти к выводу, что не понимаю, как устроен этот элемент.
Я также пробовал добавить это в CSS

Код: Выделить всё

.site-header{ position:relative; z-index:100;}

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

Подробнее здесь: https://stackoverflow.com/questions/790 ... -activated