Сайт не оптимизирован для мобильных устройств

Яндекс вебмастер пишет тако — Сайт не оптимизирован для мобильных устройств. И указал порядка 50 страниц где есть горизонтальная прокрутка. Не подскажете может нужно что то настроить или нужно в css лезть? 

Там не так много страниц и все они почему то связаны с фотоальбомами. Вот пример такой страницы svaul.ru/photos/690-324.html

На остальных, на не фото в мобильной все нормально....

 Yuran,  так и есть. Вёрстка плывёт.

На мобильном вообще горизонтальной прокрутки не должно быть. 

Похоже хлебные крошки или как их там шире чем надо .  Возможно виджет который их выводит находится не на своем месте. В виддетах если его скрыть и посмотреть после. 

Вот пример такой страницы svaul.ru/photos/690-324.html

Yuran, на яндекс еще не смотрел, а зачем столько картинок генерируешь, или сервак резиновый?

Яндекс вебмастер пишет тако — Сайт не оптимизирован для мобильных устройств.

Проверил у себя страницу с фотографией в яндекс вебмастере, всё окей.

 Yuran, для виджета глубиномер уберите шаблон контейнера. Сейчас у вас там стоит Компактный. Должно быть так

Ну или надо добавить к нему стилей, чтобы внутренний flex контейнер видел размеры этого контейнера и срабатывало overflow

Но первый сильно проще. И так сделано «оскоропки»

Странно… почему компакт? Зашел в настройки виджета глубинометр — там без шаблона.... 

Взял просто отключил его… все равно при изменении разрешения прокрутка есть:(

И посмотрел по любым другим страницам если смотреть — тоже везде прокрутка появляется. Можеть я что то не так понимаю… Вот я уменьшаю ширину браузер а — сначала прокрутки нет, потом появляется эта полоска внизу, далее сжимаю экран — эта полоска куда то пропадает, делаю еще уже — снова появляется и потом на самом узком экране снова пропадает… По идее этой полосы не должно быть ни на каком разрешении или как?

Сейчас посмотрел — на этом сайте тоже самое… Также появляется горизонтальная полоса прокрутки...

Может что конфликтует. Попробуйте так сделать. overflow:hidden;  theme.css  

.no-gutters>.col, .no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
 
overflow:hidden;
}

Возможно вы тут обернули в <div>, все может быть.

github.com/instantsoft/icms2/blob/master/templates/modern/widgets/wrapper_plain.tpl.php

Добавьте в стили:

.icms-widget__compact {max-width: 100%;}

горизонтальной прокрутки не будет

Добавил в _custom.scss два примера выше, очистил кэш, скомпилировал заново — ситуация не изменилась....

Не знаю. У меня теперь нормально выглядит..

Добавил в _custom.scss два примера выше, очистил кэш, скомпилировал заново — ситуация не изменилась....

Посмотрел ваш сайт. Сейчас нормально, горизонтальной прокрутки нет.

Блин… у меня все равно прокрутка есть. Браузеры менял и сбрасывавал… Пофиг:(

Блин… у меня все равно прокрутка есть. Браузеры менял и сбрасывавал… Пофиг:(

На всякий случай, дополнительно посмотрел с телефона. Нет горизонтальной прокрутки сейчас 🧐 🤗

Так непонятно как яндекс определяет… На маленьких разрешениях у меня тоже полосы этой нет. Она появляется при ширине браузера 990 px и отображается примерно до 1500 px и дальше если тянуть ширину то полоса эта снова исчезает… И так оно и было. Но яндекс написал, что нихрена не адаптировано:)

дальше если тянуть ширину то полоса эта снова исчезает

Если сидеть и тянуть туда сюда, полоса может то появляться то исчезать. Кто-ж так сидит на сайте? Главное чтоб в с какого размера зашел смотрелось нормально.

Но яндекс написал, что нихрена не адаптировано:)

Конечно написал, если у вас хлебные крошки за пределы вывалились.