Images stretched on responsive mobile

  • Hey there!

    I don’t know why, but a lot of my images are now stretched on mobile responsive. It is the first time I see this after more than 3 years. I don’t know how to fix it and what to writte in the CSS, since I have too much content then no way to fix all the pic one by one. Thank you for your help.

    Tom

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Are you by chance using a image plugin of some sort? Is so you may need to check the settings in that. Its calling for the image to stay the same size even when the page is smaller like mobile.

    Quick fix might look like this:

    @media (max-width: 767px) {
    .wp-block-image img { height: auto !important; }
    }

    You would have to set this in the Customizer for individual CSS.

    mathewhayden8974358974

    (@mathewhayden8974358974)

    Same is the case with me can you guys please help me out?

    Thread Starter tomspt

    (@tomspt)

    @mathewhayden8974358974 and @vishnumaiea I tried many codes and here is the one who worked for me, add this in your CSS and it should be fine :

    .wp-block-image img, .wp-block-image.has-custom-border img {
    height: auto !important;
    max-width: 100%;
    display: block;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images stretched on responsive mobile’ is closed to new replies.