Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3792037
Stretched vertical images on mobile
Open

Comments

  • Jon started the conversation

    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

  •  2,727
    PenciDesign replied

    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 replied

    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

  •  2,727
    PenciDesign replied

    Hi,

    Please modify the CSS code:

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

    Regards,
    PenciDesign.