Сайт - txtforweb.ru На некоторые страницы Гугл ругается - контент шире экрана, интерактивные элементы располагаются слишком близко друг к другу - как исправить? Визуально на мобильных отображается нормально.
Нет, не нормально: https://cdn1.savepice.ru/uploads/2018/4/26/9d4a38b9ef764faaf021b9205de221f1-full.jpg
Как исправить? Сверстать адаптивные страницы. В первую очередь обратить внимание на вёрстку таблиц. Но и в других элементах тоже есть проблемы. Тема как бы адаптивная, но с жуткими косяками.
Чтобы убрать контент шире экрана: CSS для моб. устройств (вся @media) прописуете:
html, body {width:100%; overflow-x:hidden}
По близким элементам:
Пробуйте по очереди удалять или комментировать элементы на странице сайта и запускать на проверку в https://search.google.com/test/mobile-friendly , так вычислите, где нестыковка по адаптации сайта под моб. устройства. После этого проще найти ошибку.
Как исправить? Сверстать адаптивные страницы. В первую очередь обратить внимание на вёрстку таблиц. Но и в других элементах тоже есть проблемы. Тема как бы адаптивная, но с жуткими косяками.
@media screen and (max-width: 414px) {
.blok1, .blok2, .blok3, .blok4, .blok5 {
width: 100%;
}
input[type="reset"], input[type="button"], input[type="submit"] {
margin-left: -55px;
}
}
Костыли, но проблему должны решить
html, body {width:100%; overflow-x:hidden}
По близким элементам:
Пробуйте по очереди удалять или комментировать элементы на странице сайта и запускать на проверку в https://search.google.com/test/mobile-friendly , так вычислите, где нестыковка по адаптации сайта под моб. устройства. После этого проще найти ошибку.