Question

这是我网站上的一个页面。

侧栏在计算机上看起来很好，但是从移动设备上它可以阻挡大部分屏幕并覆盖大部分内容。有没有一种简单的方法可以让它崩溃到顶部栏或其他方式来修复它？

Answer 1

试试这个：

@media (max-width: 767px) {
   .sidebar-nav-fixed {
        position: static;
        width: 100%;
       }
}

Answer 2

如果您正在使用Bootstrap的响应式CSS，则可以为当前侧栏提供课程.hidden-phone，并使用课程.hidden-tablet和.hidden-desktop创建折叠版本。