Mobile display issues across multiple Shopify stores: product/home images don’t appear on iPhones (often only text shows), galleries show only the first image, and arrows/thumbnail scrolling don’t work. Some also report logos missing on mobile or in Shopify emails.
Observed patterns:
Suspected causes and fixes:
Actions taken:
Status: No universal fix; case-by-case troubleshooting continues. One case resolved via app developer; others pending more info. Screenshots/console errors are central to diagnosis.
Hi, was wanting some help.
All images load fine, but my main page the blocks don’t load the images on iphones, but only show the text.
Even on the preview it looks as its designed to work this way.
Im sure somewhere in the CSS its hidden somewhere to hide images on iphones, does anyone know where to look and what to look for, just a rough idea and ill figure it out.
Thanks alot
Hello, @DRP996
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
.custom_showcase__1 img
can you please remove this class css
Hello - this solution isn’t working for me. I don’t have that section available - can someone please provide further instructions on how to fix.
RE: Product Pages on Mobile. Scrolling button does not work to view additional images. it also only shows one image on whole page. Please help!
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thank you!!
out-east-eyewear.myshopify.com …
everything looks okay when you view on desktop in mobile view but having issues on the website viewing on actual mobile website with the hamburger menu on product page + also the additional images on product pages are not appearing below nor are the arrows working. Any help with this would be much appreciated!!!
We are using the free Supply Theme and are having a similar issue on our site.
Images will load on desktop perfectly, but then on mobile you will only be able to see the first products image, all additional images are ‘grouped’ into a single section and are not selectable.
Welcome to the Shopify community!
and Thanks for your question.
.sc-badge-container {display: none !important;}
Hi Ketan, maybe you can help us as well. None of our product images are being shown to customers on mobile devices. Website is www.romancehelpers.com. Do you know how to fix this? Thanks, Ally
Sorry for facing this issue, it’s my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 
can you please share with us a further issue screenshot?
Here they are, basically no images at all even though in online store preview the mobile version looks fine.
thank you!
Hi I can’t see my product images on mobile either https://cyo.mx/products/workshop-realismo-espontaneo-con-diego-guzman
Help me please!
Yes, please add this code
@media (max-width: 575px) {
.visible-xs {
opacity: 1;
}
}
Hi! Do you mind helping me to look at our website too?
the home page pictures are not showing on my iphone:(
Hello. I have the same issue, i.e. the product page does not load correctly on Some phones (other phones it is ok). www.coocootales.com
Can you please assist with this?
Many thanks.
Sofia
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?
First of all, many thanks for your prompt response.
Let me clarify that the images in the product page do not load only on some
mobile phones (nobody has complained about desktop). For example, a
colleague with an iphone 11 pro max using mobile safari ios 14.4.2 cannot
load the product page images (see attached)
However, her husband who has iphone 11 pro (not max) using mobile safari
ios 14.4.2, can load the product page correctly.
Many customers (with android phones also) have also complained about this.
Your kind assistance would be enormously appreciated.
Many thanks
