php - 手机中的 post padding-top 太大

Question

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

我有一个无法解决的问题:当我在移动设备 View 中查看博客页面或任何帖子页面时，帖子标题顶部有一个巨大的填充。

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

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

但这就是行不通。

Answer 1

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

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

将此添加到您的 css 的底部:

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