底部移動水平滾動條？

Question

當我在移動設備上查看我的網站時，底部有一個水平滾動條，您可以將內容拖出屏幕。 我嘗試了隱藏的溢出-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;
    }