在我的主页上获取背景图像的方式与我的其他页面一样

Question

我几乎完成了使用Pique主题的my WordPress website。一个问题是在移动设备上，主页上的背景图像是左对齐的，并且不会随屏幕大小改变大小。在菜单和饮料页面上，背景在移动设备上看起来很完美。

因此，我们的目标是让主页上的标题背景图像与菜单和饮品页面上的图像一样。

我已经尝试过使用我已经拥有的代码来编辑主题附带的自动叠加层：

.pique-panel-background::before {
    background: rgba(0, 0, 0, 0.0);
}

.pique-panel-background {
    opacity: 1 !important;
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

我也尝试使用类.body.custom-background，更改min-height和min-width，将背景位置更改为固定或中心或顶部中心，也许我只是使用错误的标注但我找不到元素的名称！尝试了我在几个论坛上找到的@media标注，但无法让它正常工作。

我打赌我的问题是我没有使用正确的元素标注，因为我尝试的所有内容都没有改变任何东西：/