Astra WP主题：如何移除或减少页眉与页面标题之间的空白

嗨Andy，别着急，我给你准备了超简单的操作步骤，不用复杂技术，跟着做就行~

一、减少页眉（带Logo）和页面标题之间的空白 #

Astra主题有专门的自定义CSS入口，我们直接在这里加代码就行：

1. 打开你的WordPress网站后台，点击左侧菜单里的「外观」→「自定义」
2. 在弹出的自定义面板里，拉到最底部找到「附加CSS」选项，点进去
3. 把下面的代码复制粘贴进去：

/* 缩小页眉和页面标题的间距 */
.ast-page-breadcrumbs .ast-breadcrumbs {
    margin-top: 10px; /* 你可以把10改成更小的数，比如5，0就是完全去掉空白 */
}
/* 如果上面的代码没效果，试试这个备用代码 */
.site-content {
    margin-top: 20px; /* 默认是40左右，改小就行 */
}

4. 右边可以实时看到效果，调整到你满意的数值后，点击右上角的「发布」按钮保存就行

二、缩小手机端的页面标题字号 #

同样在「附加CSS」里加这段代码：

/* 手机端页面标题缩小 */
@media (max-width: 767px) {
    .ast-page-title {
        font-size: 24px; /* 你可以改成20或者18，看你觉得舒服的大小 */
    }
}

粘贴完之后，你可以在自定义面板里点击「手机预览」按钮，看看标题大小是不是合适，调整数值后发布就好啦

如果某个代码没生效，别担心，试试另一个，因为不同页面的结构可能略有不同，调整数值的时候慢慢试，总能找到你满意的效果~

内容的提问来源于stack exchange，提问作者Andy Piggott