Bootstrap切换推文在智能手机上无法正常显示

Question

Www.anchoreducation.co.uk

我建立的这个网站是响应式的。它使用bootstrap 3.0作为基础，在智能手机上查看时，默认情况下隐藏右侧栏，主页上会出现一个小的切换按钮。

如果在纵向持有的智能手机上查看网站，并且按下切换按钮，则不会显示所有内容。它切断了推文提要，徽标/推荐只是可见。但是，如果在智能手机上查看该网站的景观，一切正常。

我的客户急于解决这个美容错误，就像我一样，但我无法弄清楚代码中的错误。如果有人可以提供帮助，我会非常感激。谢谢！

Answer 1

我可以看到你正在使用offcanvas但它已经被修改了 - 你可以将它添加到canvas.css

@media screen and (max-width: 767px) and (orientation : portrait) {
    .row-offcanvas-right.active {
        right: 70%;
    }
    .sidebar-offcanvas {
        width:66%
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -65%
    }
}

如果设备处于纵向方向，它将为右侧框创建更多空间。