Как убрать горизонтальный скролл при планшентной и мобильной версии?

Question

[Qurel]

https://kristina3531.github.io/X-Tend/

Answer 1

[Alexey10]

body {
    overflow-x: hidden;
}

Comments

[Qurel]

Только что добавила, не помогает

[Alexey10]

Qurel, проверь еще раз, скролл убрался

[Qurel]

Проверяю страницу на мобильном и планшете, ничего не убирается

[Alexey10]

Qurel, вот еще добавь

.header {
    overflow: hidden;
}

[Qurel]

я не могу, у меня header position relative, а menu - position-absolute, menu будет скрываться.
header overflow-x hidden помогло

Не помогло, рано радуюсь

[Alexey10]

Qurel, Смотри, такая ошибка возникает в том случае, когда ты делаешь адаптив и у тебя какой-то блок выходит за контейнер, всегда что-то выходит если появляется скролл. В твоей ситуации выходит за пределы svg-circle. Уменьши ширину, и будет тебе счастье .
По этому будь внимательна =)
можешь убирать прошлые мои советы и добавить код

svg.svg-circle {
    width: 100%;
    height: 100%;
}

[Qurel]

Спасибо, проблема была в svg.svg-circle

[Дмитрий Алп]

На хабре не парятся с горизонтальным скролом ), хотя почему-то всегда ставят в пример....

п.с. мысли в слух )