Blog post resizing on mobile

Solved
Izzie
Tourist
4 0 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

0 Likes
f_malik
Excursionist
18 3 5

This is an 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
Tourist
4 0 1

This worked perfectly! Thank you!