Не могу найти, откуда берется дополнительное место справа от моего сайта

Question

Я только что заметил, что на одном из моих сайтов вы можете прокручивать по горизонтали, и это буквально пустое место справа от контента. Не знаю, откуда это. Я попытался добавить следующий CSS, чтобы выделить элемент, вызывающий проблему, но это не так:

* {
    background: black !important;
}

* * {
    background: pink !important;
}

* * * {
    background: red !important;
}

* * * * {
    background: blue !important;
}

* * * * * {
    background: green !important;
}

* * * * * * {
    background: grey !important;
}

* * * * * * * {
    background: brown !important;
}

* * * * * * * * {
    background: beige !important;
}

* * * * * * * * * {
    background: black !important;
}

* * * * * * * * * * {
    background: pink !important;
}

* * * * * * * * * * * {
    background: red !important;
}

* * * * * * * * * * * * {
    background: blue !important;
}

* * * * * * * * * * * * * {
    background: green !important;
}

* * * * * * * * * * * * * *  {
    background: grey !important;
}

* * * * * * * * * * * * * * * {
    background: brown !important;
}

* * * * * * * * * * * * * * * * {
    background: beige !important;
}

* * * * * * * * * * * * * * * * * {
    background: lightgreen !important;
}

* * * * * * * * * * * * * * * * * * {
    background: lightcoral !important;
}

* * * * * * * * * * * * * * * * * * * {
    background: yellow !important;
}

* * * * * * * * * * * * * * * * * * * * {
    background: purple !important;
}

* * * * * * * * * * * * * * * * * * * * * {
    background: rebeccapurple !important;
}

* * * * * * * * * * * * * * * * * * * * * * {
    background: sandybrown !important;
}

* * * * * * * * * * * * * * * * * * * * * * * {
    background: saddlebrown !important;
}

* * * * * * * * * * * * * * * * * * * * * * * * {
    background: navajowhite !important;
}

* * * * * * * * * * * * * * * * * * * * * * * * * {
    background: orange !important;
}

* * * * * * * * * * * * * * * * * * * * * * * * * * {
    background: orangered !important;
}

* * * * * * * * * * * * * * * * * * * * * * * * * * * {
    background: greenyellow !important;
}

Вы можете увидеть проблему здесь .

Я не знаю, как еще отладить это.

Любые идеи приветствуются.

Answer 1

Ниже кода причина для дополнительного места. .col-3cm .main-inner {padding-left: 340px;}

Answer 2

Решил это с помощью:

html {
    max-width: 100%;
    overflow-x: hidden;
}

Answer 3

Вы можете быстро решить эту проблему с помощью:

#wrapper, .container-inner {
    min-width: 320px;
    overflow: hidden;
}

Проверьте и дайте мне знать.