Why does my blog post image not render properly on mobile?

[Izzie]

We've recently added a new post on our site, with the same image type and size as our previous ones, however the image doesn't render (looks blank) or the webpage shows up almost half the size on mobile (see attached).

Not sure where to look for the root of the problem, could it be an app, a code break? Our template is https://pixelunion.net/products/superstore and site is: https://www.wiseapetea.com/ 

[f_malik · Accepted solution]

Hi there!

There's no big problem so don't worry

The problem lies in the reference section at the end of your blog, the reference at the second line is taking space more than the width of the mobile screen affecting the whole blog post

and paste this at the end of your css file

.article--content span {
    word-wrap: break-word;
}
.article--content img {
    margin-left: 0 !important;
}

[Izzie]

This worked perfectly! Thank you!