移动中的填充顶部过大

时间:2015-12-29 16:19:59

标签: php html css wordpress twitter-bootstrap

我使用Bootstrap创建了我的网站,然后将其转换为WordPress:https://www.firebase.com/blog/2014-01-02-queries-part-two.html。我不是Bootstrap的新手,但我是WordPress的新手。

我遇到了一个我无法解决的问题:当我在移动视图中查看博客页面或任何帖子页面时,顶部有一个巨大的填充物。帖子标题。

我尝试修改我的CSS文件以减少标题顶部的填充:

.entry-header {
    padding-top: 10px;
}

但它只是不起作用。

1 个答案:

答案 0 :(得分:1)

问题不在于您的填充,而在于您的#sidebar div。侧边栏高度导致移动问题。

当您隐藏侧边栏中的所有内容时,您可以使用媒体查询隐藏移动设备上的整个侧边栏。

将此添加到您的CSS底部:

@media only screen and (max-width: 767px) {
    #sidebar {
        display:none;
    }
}