Single page blog - image format for mobile only

Hi guys,

I have found that when I have images in my blogs, when the post is opened on a mobile phone, the alignment and wrapping is carrying over to the device and looks very bad. Can someone let me know if there is a simple css function that will override this to just centered images on mobile devices with no wrapping, regardless of the formatting I have for the post normally?


Hello there,

To fix it, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width:500px){
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;


Thank you, that was exactly what I needed.