Привет!

Заметил, что выровненные по левой или правой стороне изображения не хорошо изображаются на смартфоне. Объясню на примере.

Вот так на декстопе

А вот так на смартфоне

Красным прямоугольником выделил «сжатый» текст. Видите — не красиво.

Исправляем...

Добавляем в файл style.css (если есть дочерняя тема, то в тот файл style.css, который в дочерней теме) код

@media (max-width: 550px) {
	.wp-caption.alignleft,
	div.post-col img.alignright,
	div.post-col img.alignleft,
	.wp-caption.alignright
	{float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;}
	div.post-col img.alignright,
	div.post-col img.alignleft
	{display: block}
}

Не забудьте откомментировать.
Я это сделал так

/* Код убирает текст на одной линии с изображением, если изображение было выровнено по левому или правому краю*/

В результате на смартфоне теперь это изображение выглядит вот так:

Это изображение хорошо центранулось. Почему-то более узкие, чем, по крайней мере, 222px, изображения не так здОрово центрируются. Хотя уже хорошо то, что они не «жмут» текст. Вот, что я имею в виду

Если узнаю, как это поправить — допишу статью.

P.S. Хотите получать уведомления о новых статьях этого блога? Нажмите на эту кнопку -

Хочу сразу узнавать о новых публикациях!