images not showing on mobile

DRP996
Excursionist
20 0 5

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

KetanKumar
Shopify Partner
22342 2268 8346

Hello, @DRP996 
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
22342 2268 8346

@DRP996 

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

.custom_showcase__1 img
can you please remove this class css

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
edjerf
Tourist
3 0 2

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!

KetanKumar
Shopify Partner
22342 2268 8346

@edjerf 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
edjerf
Tourist
3 0 2
outeasteyewear.com

Thank you!!
0 Likes
edjerf
Tourist
3 0 2

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!!!

KetanKumar
Shopify Partner
22342 2268 8346

@edjerf 

Thanks for post 

can you please share further issue screenshots or videos?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
JustinBonaccors
New Member
1 0 1

We are using the free Supply Theme and are having a similar issue on our site.

www.winecountrycraftsman.com

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.

Screen Shot 2020-11-18 at 3.34.13 PM.png

KetanKumar
Shopify Partner
22342 2268 8346

@JustinBonaccors 

Welcome to the Shopify community!
and Thanks for your question.

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

.sc-badge-container {display: none !important;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing