Мобильная горизонтальная полоса прокрутки внизу?

Question

Когда я просматриваю свой сайт на мобильном устройстве, внизу есть горизонтальная полоса прокрутки, и вы можете перетаскивать содержимое с экрана. Я попытался скрыть переполнение-x, но оно не удаляло планку.

https://www.feastfromhome.com/

Любой совет?

Спасибо

Answer 1

Проблема связана с вашим элементом <header>. Точнее, с его псевдо :: после элемента ...

Действительно, чтобы центрировать lo go и обеспечить приличный размер, ширина устанавливается до 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;
    }