我的网站在移动模式下的封面图片上有白色模糊。我怎么能删除它？

Question

每当此网站（https://scavengerwoodworks.com/）进入移动模式时，封面图像顶部的叠加层会变为白色，使得字词难以识别。无论如何我能解决这个问题吗？

Answer 1

选项1：在您的自定义程序CSS编写代码中：

.opacity-full.bg-white.display-none.xs-display-block {
    background: transparent;
}

选项2：从下面的代码中删除主页中的bg-white类。

<div class="opacity-full bg-white display-none xs-display-block"></div>

选项3：注释掉你的styles.css第280行可以解决这个问题，但会影响你的网站应用的风格。

/* ===================================
    Background color
====================================== */
.bg-white{/* background: #fff */}