Как адаптировать мобильную ширину сайта?

Question

[nass3k]

Не могу понять, почему ширина сайта намного больше, чем должна быть. Я смотрел каждый элемент в chrome dev tools, чтобы он не выходил за границы сайта. В mozila dev tools ширина мобильного сайта отображается нормально, но не в хроме. Этот баг до ширины сайта в 640 пикселей. Посмотреть можно здесь - https://m4sq.webmaster-spb.ru/

Answer 1

[apoca1ipsis]

из-за этого div

Comments

[apoca1ipsis]

https://hsto.org/webt/60/a2/95/60a2955be613a645027...

[apoca1ipsis]

@media screen and (max-width: 479px)
#rec294144657 .tn-elem[data-elem-id="1605372078509"] {
   display: none
}

[apoca1ipsis]

nass3k, ссылки нерабочие

[nass3k]

apoca1ipsis,
https://pasteboard.co/K2kXGoE.png
https://pasteboard.co/K2kXTQQ.png

[apoca1ipsis]

Проблема, которую увидел я - была из-за вертикальной полосы.
Я вижу 2 варианта решения проблемы:
1. Скрой проблемную полосу.
или
2. Для первого div.rec281961655 - style="width: 100%;overflow: hidden;"

[nass3k]

apoca1ipsis, Спасибо большое за помощь, это решило проблему!
Подскажите, пожалуйста, вы используете какие то инструменты для отладки или тоже вручную блоки инспектором просматривали?

[apoca1ipsis]

nass3k, вручную. Я обычно удаляю секции сверху-вниз. Когда после удаления очередной секции, проблема решается, жму ctrl-z и уже рассматриваю только эту секцию.

[nass3k]

apoca1ipsis, спасибо за совет!