在移动设备中发布 padding-top 太大

Question

我使用 Bootstrap 创建了我的网站，然后将其转换为 WordPress：My website。我不是 Bootstrap 的新手，但我是 WordPress 的新手。

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

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

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

但它只是不工作。

Answer 1

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

当您在侧边栏中隐藏所有内容时，您不妨使用媒体查询在移动设备上隐藏整个侧边栏。

将其添加到 CSS 的底部：

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