Горизонтальная прокрутка только на chrome мобильный BUG

Question

Я занимаюсь разработкой веб-сайта, и в мобильной версии (только в браузере chrome - firefox работает нормально) у меня есть горизонтальная прокрутка, от которой я не могу избавиться. Это сводит меня с ума. Я попытался переполнение-х: скрытый; на html и тегах body, и это все еще не работает. Я запустил скрипт, чтобы найти, есть ли в DOM какой-либо элемент, который превышает ширину области просмотра, но я ничего не нашел. Ссылка orhideeaevents.ro . Вот картинка:

Заранее спасибо, ребята, и извините, если мне не ясно.

Answer 1

попробуйте этот CSS код, он решает проблему:

html , body {
    width: 100% !important;
    overflow-x: hidden !important;
}

.custom-logo {
    width: unset;
    height: 100px !important;
}

#masthead {
    position: relative;
    width: 100%;
}

Answer 2

Я проверил вашу страницу, и я думаю, что проблема в вашем lo go. По некоторым причинам он не хочет применять правило 60px, которое вы установили для него в мобильном представлении. Вы можете исправить это, применив width: -webkit-fill-available; или ширина: fit-content; чтобы img элемент. Это сработало для меня в мобильном представлении в браузере Chrome, но я не уверен, что это решит вашу проблему на 100%.