WordPress首页头部图片小屏/移动端无法全屏问题求助

我运营的WordPress网站mypathway.com.au由多位开发者维护，CSS分散在主题编辑器、自定义面板及Yellow Pencil插件中，当前WordPress版本为5.7.9（暂无法更新）。首页主头部图片在小屏幕/移动端无法保持100%宽度，右侧出现留白。

通过Chrome开发者工具排查发现，目标元素的element.style中max-width被设为固定像素值（1920px），手动改为100%即可解决，但找不到修改CSS的正确位置与格式。

目标元素代码：

<div data-vc-full-width="true" data-vc-full-width-init="true" class="vc_row wpb_row vc_row-fluid headerinsetshadow vc_custom_1687996767518 vc_row-has-fill vc_row-o-full-height vc_row-o-columns-stretch vc_row-o-equal-height vc_row-flex" style="position: relative; left: -360px; box-sizing: border-box; width: 1920px; max-width: 1920px; padding-left: 360px; padding-right: 360px; min-height: 43.3254vh;"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div>

我尝试过以下CSS代码，但均无效：

.vc_custom_1687996767518{width: 100% important; }

.vc_row .wpb_row .vc_row-fluid .headerinsetshadow .vc_custom_1687996767518 .vc_row-has-fill .vc_row-o-full-height .vc_row-o-columns-stretch .vc_row-o-equal-height .vc_row-flex{width: 100% important;}

解决思路与方法 #

1. 修正CSS语法错误 #

你之前的代码里important少了感叹号，正确写法是!important，这是导致代码无效的核心原因之一。

2. 精准覆盖行内样式 #

行内element.style优先级最高，需要用!important强制覆盖，同时要适配移动端布局重置多余属性：

/* 覆盖目标元素的行内固定宽度样式 */
.vc_custom_1687996767518 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

解释：原行内的left: -360px和左右padding是大屏居中的适配逻辑，移动端不需要这些属性，需一并重置才能消除留白。

3. 可选：添加媒体查询精准控制范围 #

如果只想在移动端生效，避免影响桌面端布局，可添加媒体查询：

@media (max-width: 768px) {
    .vc_custom_1687996767518 {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

4. 选择正确的CSS注入位置 #

按优先级尝试以下位置添加代码：

• Yellow Pencil插件：直接可视化选中目标元素，修改样式（插件会自动处理样式优先级）
• 主题自定义面板：找到「自定义CSS」/「额外CSS」选项，粘贴代码
• 主题编辑器：在style.css文件末尾添加代码（操作前注意备份文件）

5. 清除缓存确保生效 #

添加代码后如果没有立即生效，清除浏览器缓存及WordPress缓存插件的缓存，确保最新CSS规则被加载。

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