В официальной группе Oxygen часто можно увидеть похожий вопрос: «Почему изображения, размещенные в контенте, не реагируют на просмотр на мобильном устройстве?». В этом случае изображение может либо не вписываться в ширину страницы, вызывая пробел справа, либо сплющиваться по ширине (в зависимости от того, как изображение было добавлено, используете ли вы Гутенберг или нет).
Это очень легко исправить массово для всех изображений сайта. Добавьте этот универсальный код CSS в таблицу стилей вашего сайта:
.oxy-stock-content-styles img, .ct-inner-content img {
max-width: 100%;
height: auto;
}
У меня все сработало как нужно.
Изначально было вот так как на фото ниже.
После добавления кода, картинки наконец стали такими как они и должны быть, а не в полную высоту и сплюснутыми по ширине.
Также если что-то идет не так (в комплекте с плагином кэша WP Rocket), то можно попробовать вот этот код.
.oxy-stock-content-styles .wp-caption {
margin: 1em 40px;
width: auto !important;
}