Images in Posts are too big on mobile

  • Resolved kmills6

    (@kmills6)


    3 years, 3 months ago

    Some of the images that come over are a fixed size and so are too big on mobile. I’ve tried just applying styles to all of the images on my posts. But the images that are too big seem to be wrapped in this div:

    <div class=”full-width img-container aspect-ratio-no-aspect” style=”box-sizing: border-box; flex-shrink: 0; height: 493.031px; object-fit: contain; width: 740px;”>

    </div>`

    I imagine this has something to do with how they were created in blogger. Is there anyway around this? We are looking to import almost a thousand posts, I’m sure there will be others with this issue.

    Thank you

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter kmills6

    (@kmills6)

    Ok. False alarm, I just used:
    div {
    max-width: 100%;
    }
    and
    hr {
    max-width: 100%;
    }

    Now it’s looking good.

    Plugin Author pipdig

    (@pipdig)

    Hi @kmills6,

    That <div> element seems to be something from within WordPress rather than Blogger, judging by the classes it is using. Though it is difficult to know for sure without seeing the blog it was imported from.

    As a possible quick fix, adding the following CSS to your site (via this option) may help:

    .img-container, .img-container img {
  max-width: 100%;
  height: auto !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images in Posts are too big on mobile’ is closed to new replies.