Слетела адаптивность темы WP из-за изображений

Bumer9
На сайте с 20.11.2007
Offline
88
539

Добрый вечер.

Столкнулся с такой проблемой, сайт перестал проходить проверку https://search.google.com/test/mobile-friendly

Выводится две ошибки:

  • Интерактивные элементы расположены слишком близко
  • Контент шире экрана

Насколько я смог разобраться, связано это с изображениями, которые публикуются в статьях (в том числе миниатюры). Если просматривать страницы сайта с разных мобильных устройств, то всё выглядит отлично, но в указанном сервисе и в гугл консоле страницы отмечены как не оптимизированные. Есть страницы, которые без изображений и с ними всё ок.

Вот кусок css кода, отвечающий за адаптив:

/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1150px) {
body #container #main-content {
max-width: none;
}
#wrapper #content {
margin: 0 0 10px 5%;
width: 90% !important;
}
#wrapper #sidebar {
float: left;
margin-left: 5%;
width: 90% !important;
}
#wrapper .content-headline,
#wrapper #breadcrumb-navigation p,
#wrapper #footer,
#wrapper .footer-signature .footer-signature-content {
margin: 0 0 0 5%;
max-width: 90%;
}
#wrapper .grid-entry,
#wrapper #main-content .content-grid .sticky {
width: 50%;
}
#wrapper #wrapper-footer #footer {
padding: 30px 0 4px;
width: 100%;
}
#footer .footer-widget-area {
margin: 0;
padding: 0;
width: 100%;
}
}

@media screen and (max-width: 782px) {
.admin-bar #left-sidebar .site-headline-box {
margin-top: 66px;
}
}

@media screen and (max-width: 640px) {
#wrapper #container {
float: left;
padding: 0;
width: 100%;
}


#wrapper .sidebar-background {
display: none !important;
}
#wrapper #left-sidebar {
float: left;
height: auto;
padding: 0 0 20px;
position: relative !important;
left: auto;
top: auto;
width: 100%;
}
#wrapper #left-sidebar .site-headline-box {
padding: 0 5%;
width: 90%;
}
html .admin-bar #left-sidebar .site-headline-box {
margin-top: 20px;
}
.js #nav {
display: none;
}
.js .selectnav {
background: white;
border: 1px solid #cccccc;
color: #333333;
display: block;
float: left;
height: 30px;
margin: 0 0 0 5%;
padding: 0;
position: relative;
text-transform: uppercase;
width: 90%;
}

}

@media screen and (max-width: 500px) {
#wrapper #container .grid-entry,
#wrapper #container #main-content .content-grid .sticky {
width: 100%;
}
#wrapper .grid-entry .grid-entry-inner {
margin: 0 !important;
}
.single #content .attachment-post-thumbnail,
.page #content .attachment-post-thumbnail {
margin: 4px 0 20px;
max-width: 90%;
padding: 0;
}

}

Возможно кто-то знает, в чем причина (если необходимо, предоставлю адрес сайта в ЛС).

Апокалипсис
На сайте с 02.11.2008
Offline
391
#1
Bumer9:
Возможно кто-то знает, в чем причина.

Без адреса сайта помогут тут:

http://bitvaextrasensov.tnt-online.ru/

Записки нищего (http://zapiskinishego.ru) - мой личный блог Услуги php программиста. Очень нужна любая работа. Не покупают? Поведенческий аудит интернет-магазина за 5000 руб. (/ru/forum/990312)
Bumer9
На сайте с 20.11.2007
Offline
88
#2
Апокалипсис:
Без адреса сайта помогут тут:
http://bitvaextrasensov.tnt-online.ru/

Благодарю, но суть в том, что если у кого-то есть силы и время на это, то предоставлю в личку адрес сайта.

Показывать публике адреса сайтов сегодня не модно.

S
На сайте с 30.09.2016
Offline
459
#3
Bumer9:
Показывать публике адреса сайтов сегодня не модно.

Стесняетесь? Думаете, что заклюют?

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Bumer9
На сайте с 20.11.2007
Offline
88
#4
Sitealert:
Стесняетесь? Думаете, что заклюют?

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

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

S
На сайте с 30.09.2016
Offline
459
#5
Bumer9:
Я думаю все прекрасно понимают, почему не стоит сильно светить свои сайты

Конечно, понимают. Чтобы Роскомпозор не забанил.

Bumer9
На сайте с 20.11.2007
Offline
88
#6
Sitealert:
Конечно, понимают. Чтобы Роскомпозор не забанил.

Нет) Проект не коммерческий. Спасибо за повышенный интерес к теме! Хотя конечно, больше пока добавить нечего.

M
На сайте с 04.10.2011
Offline
90
#7
Bumer9:
больше пока добавить нечего.

Так и посмотреть то тоже - нечего.

Кусок CSS в старпосте - ниочём...

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
S
На сайте с 30.09.2016
Offline
459
#8

Криво, но универсально

img{max-width: 100% important!;height: auto;}
Bumer9
На сайте с 20.11.2007
Offline
88
#9
Sitealert:
Криво, но универсально
img{max-width: 100% important!;height: auto;}

К сожалению это стандартная запись, немного с important напутали, но в целом она у меня есть.

---------- Добавлено 25.09.2018 в 22:44 ----------

Причина оказалась банальней некуда. Проверяйте, чтобы в robots.txt все графические файлы для гугла были доступными.

Sitealert отдельное спасибо за напутствие :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий