Stretched vertical images on mobile

Public Ticket #30368

Stretched vertical images on mobile

Conversation thread

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please modify the CSS code:

.post-entry img {
max-width: 100%;
height: auto !important;
}

Regards,
PenciDesign.

Jon Miksis replied

1 year ago

Customer Reply

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/

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

Jon Miksis started the conversation

1 year ago

Conversation Start

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.

Want to join this conversation or access attachments? Sign in first.