Product images on home page and collection page not showing on mobile

[TheHomeDreamAU]

Hi there

I know number of people have asked this question and I have tried most of the accepted solution however the issue is still there.

I’m using “Handy” theme and the product images do not show on the homepage and collections page on MOBILE. Images are all good on desktop or tablet. I have tried to add following code pieces to Asset->/theme.scss.liquid-:

Suggested solution #1 - DOES NOT WORK

@media screen and (max-width: 767px){

.product-single .product-photo-container {

z-index: 0 !important;

}}

Suggested solution #2 - DOES NOT WORK

@media screen and (min-width: 769px){

.feature-row__text–left { padding-left: 40px !important;}

}

Suggested solution #3 - DOES NOT WORK

@media screen and (max-width: 590px){

.slick-track {transform: translate3d(0px, 0px, 0px) !important;}

}

Suggested solution #4 - DOES NOT WORK

@media only screen and (max-width: 749px) {

#shopify-section-product-template .slick-slider {display: block !important;}

#shopify-section-product-template .slick-slider .slick-dots {bottom: -16px !important;}

}

Can someone please help me resolve this issue. My website is www.thehomedream.com.au and I have attached the two screenshots

[Angel95]

Hello,

As i have checked it is visble on the mobile devices. Please check the screenshot.

One more thing clear thecache of your browser and try in private window.

And can you tell in which devices are you checking?

[TheHomeDreamAU]

Thanks for your response @Angel95

I have tried it on a couple of iPhones using Safari. Have used private window, cleared cache and browsing history. Also downloaded Chrome to check. Same result though… Can’t see the images