css - Bootstrap Toggle Tweets在智能手机上无法正确显示

www.anchoreducation.co.uk

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

如果在竖着肖像的智能手机上浏览网站，并按下切换按钮，则不会显示所有内容。它切断了tweet提要，徽标/推荐仅可见。但是，如果在智能手机上横向查看该站点，则一切正常。

我和我一样，我的客户都渴望解决此外观错误，但是我无法弄清代码中的错误。如果有人可以提供帮助，我将非常感激。谢谢！

最佳答案

我可以看到您正在使用offcanvas，但是已经对其进行了修改，因此-您可以将其添加到off 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%
    }
}

如果设备是纵向的，它将为右框创建更多的空间。

关于css - Bootstrap Toggle Tweets在智能手机上无法正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21737480/