Как исправить заголовок с помощью выпадающего меню?

Question

У меня исправлен заголовок с выпадающим меню.Но у меня проблема с меню, потому что оно выше, чем порт просмотра, и с фиксированным положением я не могу прокрутить его.Вы можете увидеть, как это работает сейчас на моем github https://katehrybkova.github.io/ET/index.html#

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

<div>
      <input type="checkbox" id="idishka" />
      <label for="idishka" class="inline"> </label>

      <div class="menuBlock">...
      </div>

      <header>
      </header>
</div>

.menuBlock {
  position: fixed;
 left: -100%;
}
#idishka:checked ~ .menuBlock {
  left: 0;
}
header {
  position: sticky;
}
#idishka:checked ~ header {
position: fixed;
}

Answer 1

Вы можете попробовать поместить position: fixed в заголовок.Взгляните на эту ссылку .Надеюсь это поможет!