Откуда здесь горизонтальный скрол?

Question

[Сергей Безруков]

Здравствуйте, вот сам сайт:
https://hrederik.github.io/template2/index.html
Проблема:
На мобильных экранах в Яндекс браузере появляется горизонтальный скрол. В Chrome появляется белая полоса. Не могу понять в чем дело. Заранее спасибо за ответ.

Answer 1

[Максим]

через инспектор нашёл косяк - но не понимаю почему такое решение

@media (max-width:540px){
  #footer {
    padding: 20px 40px;
  }
}

не понимаю почему после увеличения padding скролл пропал но факт в этом

Comments

[Dima Polos]

Я попробовал добавить вот такое правило и тоже помогло: *{ box-sizing: border-box;}

Answer 2

[lnked]

Добавьте этот код

@media (max-width: 540px) {
	#footer {
	    overflow: hidden;
	}
}

Answer 3

[Anon78]

Спасибо. Мне с моим сайтом вы тоже помогли.

Answer 4

[kokosovi4]

В фрагменте код:

@media (max-width: 540px)
#sw-icons {
    text-align: center;
    padding: 0 33px 0 0;
    width: 100%;
}

попробуйте удалить правило width: 100%;