底部的移动水平滚动条？

Question

当我在移动设备上查看我的网站时，底部有一个水平滚动条，您可以将内容拖出屏幕。我尝试了overflow-x hidden，但它没有删除栏。

https://www.feastfromhome.com/

有什么建议吗？

谢谢

Answer 1

问题来自您的<header> 元素 更准确地说是它的伪 ::after 元素...

确实，要使徽标居中并提供合适的尺寸，宽度设置为 160%... 对吗？这就是你有这个滚动条的原因

将overflow:hidden 应用于父级，因此：

@media screen and (max-width: 1100px)
    .bgimg-1 {
      background-position: center top;
      background-repeat: no-repeat;
      top: 0;
      background-size: 180%;
      min-height: 51%;
      overflow: hidden;
    }