底部的移动水平滚动条？

Question

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

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;
    }