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

Question

[GreenMan1899]

overflow: hidden не вариант использовать. На широких экранах пропадет навигация.
сайт

Эта полоса появляется из-за того, что едет карта. На внутренних страницах, где ее нет все нормально. Только вот почему она едет только на на экране смартфонов и планшетов, если адаптива нет?

Answer 1

[Mr Crabbz]

body { min-width: 1050px; }

У вас всё равно адаптива нет, потому можно залочить минимальную ширину по ширине навигации.

Comments

[GreenMan1899]

Эта полоса появляется из-за того, что едет карта. На внутренних страницах, где ее нет все нормально. Только вот почему она едет только на на экране смартфонов и планшетов, если адаптива нет?

[Mr Crabbz]

GreenMan1899: Не только. На десктопе тоже есть.

[GreenMan1899]

Роман Краббз: а можете скриншот отправить? На главной на моем мониторе ничего не едет. Только на странице о Компании видео за границы вылазиет.

[Mr Crabbz]

GreenMan1899: https://habrastorage.org/files/c25/7ab/5a6/c257ab5...

[GreenMan1899]

Роман Краббз: блин, отчего же так.
а что-то можно в meta прописать, чтобы на смартфонах сайт изначально открывался с масштабом под размер контейнера, чтобы не было прокрутки?

[Mr Crabbz]

GreenMan1899: Я вам написал решение в самом первом ответе:
body { min-width: 1050px; }

Answer 2

[Rooly]

Нужно всё обернуть во wrapper (( лежит сразу после боди )) >> должно помочь.
У вас нет адаптива.

.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

Первых раз вижу, чтобы контейнеру задавали padding, так и не понял зачем это.
footer-copyright >> margin: 0 auto >> Он на всю ширину, зачем писать этот код?

overflow: hidden не вариант использовать.
Мозги нужно использовать, прежде чем использовать css.

Нужно растянуть body на всю страницу, в вашем случае использован говнокод.
Растягиваем на всю страницу

html {
  height: 100%;
}
body {
  padding: 0; /// если не сброшены
  margin: 0; /// если не сброшены
  min=height: 100%;
}

В плане оптимизации кода >>> слейте всё в один link, у вас сильно много запросов на файлы в плане css и js кода. Для css используйте scss. Готовый javascript можно тоже свести в один файл (( production версия, dev версия >> раскидывайте код по модулям иначе будет истерика в плане отладки, поддержи, добавления )).

Ещё есть много к чему придраться (( грубейшие ошибки ))

Comments

[GreenMan1899]

Эта полоса появляется из-за того, что едет карта. На внутренних страницах, где ее нет все нормально. Только вот почему она едет только на на экране смартфонов и планшетов, если адаптива нет?

Answer 3

[Mark]

У вас шаблон сайта не адаптивный, у меня ничего не пропадает на телефоне)

Comments

[GreenMan1899]

Эта полоса появляется из-за того, что едет карта. На внутренних страницах, где ее нет все нормально. Только вот почему она едет только на на экране смартфонов и планшетов, если адаптива нет?

[Mark]

GreenMan1899: что за полоса?
Если вы про вертикальную полосу справа, то там попадает стрелка от "Новинки каталога дверей", уберете и всё станет норм

[Mark]

Если хотите, могу за рублей 500 исправить.
vk.com/novosibirsk_business

[GreenMan1899]

Марк Чащин: спасибо, не надо :) эта стрелка нужна :)

[Mark]

GreenMan1899: понятно что нужна, скомпонуйте немного и пропадет белая полоса))