Почему так странно открывается меню?

Question

[Дмитрий]

Здравствуйте. Сделал адаптивное меню. Но при клике на кнопку меню оно открывается как-то странно. Выплывает между двумя соседними пунктами навигации и принимает ширину 100%. Закрывается так-же.
Странно потому что если убрать display: none; у списка с классом .header__navList , то оно находится под хедером и это должна быть его начальная точка с которой оно и должно открываться.
(Кнопка меню появляется на экране меньше 992px)

codepen.io/ddimonn8080/pen/vXkZkO?editors=1100

В чём ошибка?

Answer 1

[Pavel Torbeev]

У меню позиция relative
А должна быть абсолютная
Добавьте меню стили

.header__navList {
    position: absolute;
    width: 100%;
}