Images not responsive

The following CSS should help keep it from taking over the content

@media only screen and (max-width: 769px) {
    .entry-content img {
        max-width: 50%;
    }
}

This can go into Appearance->Customize->Additional CSS

Hi there,

The image size depends on how the image is added in the post. You can change it by selecting and editing the image. The image gets resized automatically.

However, I see that on the given page the image is small – https://prnt.sc/n6up76, hence the image looks resized on mobile as well.

Thanks @jarretc! The image is now resized, but is flush left and is still taking up space as if it were 300 px again. I tried to flush it right, but the caption moved to the left of the image, so I still have the same problem. Any ideas?

@vishakha The image does not resize and looks very bad on an iPhone 6.

Hi @peege

Please provide some screenshots of the issue happening on mobile.

Also, the image displayed here https://spectacularbidbook.com/triple-crown-near-misses-burgoo-king-loses-his-paperwork/ is already small.

https://ibb.co/fGx5vp9

@vishakha

Hi @peege,

I have tested this and it happens to me also, if I choose a custom image size from the page editor.

I would recommend cropping the image at the desired size and upload it without setting a specific height and width. This way it will be automatically resized on mobile devices.