I am noticing that on mobile browsers, vertical images are appearing very distorted to fit the screen. I analyzed some plugins to see if that was causing the issue, but it seems to be related to the Soledad theme. Can you help me fix this? See attached screenshot showing what I mean.
I am noticing that on mobile browsers, vertical images are appearing very distorted to fit the screen. I analyzed some plugins to see if that was causing the issue, but it seems to be related to the Soledad theme. Can you help me fix this? See attached screenshot showing what I mean.
Attached files: IMG_4856.PNG
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px) { .wp-block-image figure { max-width: 100%; height: auto; } }Regards,
PenciDesign.
Hi there - I added this custom code to the "custom css" field and the images got even worse. See the attached screenshots for this article: https://www.myglobalviewpoint.com/most-beautiful-cities-in-europe/
Attached files: IMG_4877.PNG
IMG_4876.PNG
Hi,
Please modify the CSS code:
.post-entry img { max-width: 100%; height: auto !important; }Regards,
PenciDesign.