Product Page Images Not Appearing on Mobile Devices

[Brandy21]

WIthin the last 24 hours the images on our product pages are not appearing on mobile voa Safari and DuckDuckGo (desktop seems fine).  I can get them to load if I refresh each product page after about 60 seconds.  Instead there is about long white space that needs to be scrolled past to get to the product details.  

I am using the Turbo Theme.  

Image below.  Any suggestions would be appreciated!!!!

Mobile view

[KetanKumar]

@Brandy21 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Brandy21]

Oh, thanks. The website is www.lifeintents.com

Here is one specific product:

https://www.lifeintents.com/products/stella-canvas-bell-tent-5m

[KetanKumar]

@Brandy21 

thanks for update 

i have check this issue it working fine doesn't any issue 

let me know mobile info so i will check special device 

[Brandy21]

Thank you for digging into this!  

I am still experiencing the problem on the IpHone 12 Pro Max iOs 14.8, while trying to view the product pages while using Google inside of Safari.  Please let me know if you'd like further information to look into this!

You're the best.

[KetanKumar]

@Brandy21 

yes i have check this also this device 

[Brandy21]

Okay, thanks for checking.  Our devices are still now rendering our product images when we click through to them on our phones - below are 2 examples.  But it is happening on all individual product pages.  I will continue to franticly understand why we are experiencing this - even though you are not seeing this.

https://www.lifeintents.com/collections/tents/products/stella-canvas-bell-tent-5m 

https://www.lifeintents.com/collections/tents/products/19-fernweh-bell-tent 

[KetanKumar]

@Brandy21 

thanks for  more details 

yes i have also check again, sorry but i can't see any issue 

[Sneakermask]

Hi Ketan, can you also help me with the similar issue, I am trying to add the size chart image in my shop but the image gets cut off on the sides when in the mobile view, id appreciate if you can help me with the coding of the specific page to make it interactive on the phone. Here is the print screen and the link of the page  https://www.sneaker-mask.com/paget

[Sneakermask]

@KetanKumar 

[KetanKumar]

@Sneakermask 

oh sorry your page url wrong please send current 

[Sneakermask]

@KetanKumar sorry about that, here you go now it should work https://www.sneaker-mask.com/pages/tops-size-chart

[KetanKumar]

@Sneakermask 

great thanks this link work perfect also image work 

[Sneakermask]

@KetanKumar it looks like images are still not showing properly on the mobile , the left side of the image, the first columne of the chart,is not showing properly on the mobile.

 

[KetanKumar]

@Sneakermask 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

[Sneakermask]

@KetanKumar On safari..i just checked on chrome and you are right its shown properly, so its a browser issue?

[KetanKumar]

@Sneakermask 

yes, current can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.rte--indented-images img:not([style]), .rte--indented-images img[style="float: none;"] {
    max-width: 100%;
    margin-left: 0;
}
}

[Sneakermask]

@KetanKumar Yes! it worked perfectly thank you so much!

[KetanKumar]

@Sneakermask 

its my pleasure to help us 

[Baclinc]

Please can you check this website ( sotr.com.au ) i am facing the same issue of not loading product images in iphone when we click zoom in option