Как заставить меню выезжать поверх контента?

Question

[dk-web]

https://codepen.io/YaroslavW/pen/bgGzZa
Пример не мой, нашел в сети.
В мобильной версии меню должно выезжать поверх контента.
Пробовал у себя с z-index поиграть - не сработало.
Fixed position в моем проекте не сработает(

Без jquery
Чтоб 2 раза не вставать - у меня гамбургер "прыгает" влево при раскрытии меню вниз, потому что справа появляется скролл. Раньше не обращал внимания, так как скролл был изначально, а сейчас какое-то пограничное состояние страницы и подбешивает. Есть панацея?

Answer 1

[Талян]

В медиа media screen and (max-width:680px)

у класса ul.topnav.responsive

заменить
ul.topnav.responsive {position: relative;}

на

ul.topnav.responsive {
    position: absolute;
  width:100%;
    top: 0px;
  }

Comments

[dk-web]

Спасибо, у себя к nav применял, а надо было к aside.