Возникла проблема с меню моей страницы при его рисовании на телефоне или небольших устройствах

Question

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

Код можно проверить на www.deworb.com/home.html

Answer 1

Вы должны добавить z-index к тегу nav, пожалуйста, проверьте прикрепленное изображение.

z-index:99;

Посмотрите

Answer 2

Спасибо, теперь проблема решена. Я только что добавил z-index: 1; под заголовком Nav

Answer 3

вы должны добавить z-index к элементу боковой панели со значением выше, чем значение z-index в других элементах (значение z-index по умолчанию равно 0).

@media (max-width: 991px) {
  header {
    padding: 0 20px;
    z-index: 2;
  }
}