Center-align featured image on mobile devices only

[flyinjam]

Hi!

On my blog posts page/content archives I have the featured Image set to Left align which works perfectly on desktop and on some mobile devices which shows the featured images at the top and the content below. However, on some mobile screens, if the first word in the content is 3 letters or less, it creeps over to the right of the image making it look bad (please see pic). I don't appear to see an option for centering featured images on mobile devices only so all of the content will be underneath each featured image on mobile. Is this possible? If not, is there another way to do this? Thanks!

https://www.vinylchapters.com/category/review/

[andytc]

Try adding this to your Custom CSS -

@media only screen and (max-width: 640px) {

.post-image.entry-image {width:100%;}
}

}

[flyinjam]

That seems to have worked perfectly! Thanks for your help and happy new year.

[Author]

Posts