боковая панель не реагирует и перекрывает нижний колонтитул

Question

Плавающая навигация моей боковой панели перекрывает нижний колонтитул и не изменяет его размер при просмотре с ноутбука с экраном MDPI, IPAD Pro или любых устройств с экраном среднего размера.

https://barcoak1.pages.op -bit.nz / help / Его можно посмотреть здесь.

Answer 1

Попробуй это. Он перемещает боковую панель и делает ее видимой, устанавливая атрибуты top, left и z-index для .sidebar-nav-fixed.

.sidebar-nav-fixed {
  width: 14%;
  height: 20%;
  /* margin-left: -10%; */
  /* margin-bottom: -5%; */
  top: 0;
  left: 0;
  z-index: 999;
  margin-top: 100px;
}

Если вы хотите сделать боковую панель более отзывчивой на экранах разных размеров, вы можете использовать media query .

См. Снимок экрана с эффектом решения ниже.