如何移除Avada WordPress主题头部下方的内置空白区域？

方法1：通过Avada主题内置选项调整 #

• 登录WordPress后台，进入Avada > 选项，找到「页眉」相关设置组
  • 找到“页眉底部间距”或“内容区域顶部间距”的设置项，将数值修改为0或符合需求的大小即可
• 若仅特定页面存在空白，编辑对应页面，滚动到页面底部的Avada专属设置区，找到「页面布局」选项，调整“顶部间距”为0

方法2：添加自定义CSS代码 #

如果主题选项无法彻底消除空白，可通过自定义CSS精准调整：

• 进入外观 > 自定义 > 额外CSS，粘贴以下代码（可根据实际页面元素调整选择器）：

/* 全局移除头部下方空白 */
.fusion-header-wrapper + .fusion-content-wrapper {
    margin-top: 0 !important;
}
/* 仅针对特定页面移除空白（替换XX为页面ID） */
.page-id-XX .fusion-content-wrapper {
    margin-top: 0 !important;
}

提示：页面ID可在编辑页面时，从地址栏的post=XX参数中获取

方法3：检查Avada Builder模块间距 #

若空白来自页面内的Avada Builder模块：

• 进入页面的Avada Builder编辑模式，选中最顶部的内容模块
• 在模块设置中找到“顶部间距”选项，将其设置为0
• 同时检查页面的「全局模块间距」设置，确保没有多余的顶部留白

内容的提问来源于stack exchange，提问作者REZA SAEEDI