侧栏没有响应和重叠的页脚

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。

请参阅下面解决方案效果的屏幕截图。