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

Store Design
1

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/

Screenshot_20210629-174436_Chrome.jpg
Screenshot_20210629-174436_Chrome.jpg720×1520 116 KB

2

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;
}
1 Like
3

This worked perfectly! Thank you!

1 Like