Question

Здравствуйте!

Яндекс.Вебмастер стал ругаться, что сайт стал неоптимизированным для мобильных устройств из-за появления горизонтальной прокрутки на экранах шириной 320px.

 

Методом тыка удалось выяснить, что причиной является reCAPTCHA, т.к. после удаления куска кода, отвечающего за отображение капчи 

 <div class="recaptcha-wrapper wait-loader normal">

все отображается хорошо без горизонтальной прокрутки

 

Пример страницы: https://eruditov.net/pda/photo/obman/bruski/1-0-3

Как исправить эту проблему? Не исключено, что проблема может быть в другом...

Answer 1

Можно решить такими стилями примерно в пда css:

@media screen and (min-width: 240px) and (max-width: 320px) { [id^=comEnt] {max-width: 310px;margin-left: inherit!important;} input.commFl,textarea#message.commFl {max-width: 290px;}}

только перед этим в форме добавления комментариев пда версии найти такую строку:

<input style="width: 92%!important;padding-left: 35px;" class="commFl" type="text" name="name" value="" size="30" maxlength="60" placeholder="Имя">

выделенное красным лучше удалить.