Product Images Missing on Mobile

[OvenCreative]

Hello,

We are having issues with spacing and product photos not displaying when viewed on mobile (chrome and safari tested). Please see this page as an example – https://dstill.com.au/product-category/cocktail/

I tried updating the theme and swift, however it didn’t fix the issue and also triggered a site-wide error.

If you could advise and possible fixes, it would be appreciated!

Thanks,
Dave

[David Martin – Support]

Hi Dave,

What mobile device was this?

Please first update both the Swift Framework and theme version: https://dstill.com.au/wp-admin/update-core.php.

– What was the sitewide error?

[OvenCreative]

Hey David, thanks for getting back to me – Swift and the theme have been updated.

I haven’t been able to reproduce the error thus far but if it pops up, I’ll let you know.

The site was tested on an Android phone running Chrome and on a couple of iPhones on both Chrome and Safari.

– Cheers!

[OvenCreative]

Hi David,

I just checked the site on my phone after updating the theme and swift and something seems to be playing up – no content is visible in the body section of any page. I tried going into a few pages and updating them, making sure they had a row/column visible on mobile but that didn’t seem to work either.

I’ve restored a previous version of the site for now but please let me know if you can think of any solution.

Thank you!

[Rui Guerreiro – SUPPORT]

Hi,

We will need it to be in the latest version so we can check.

-Rui

[OvenCreative]

This reply has been marked as private.

[David Martin – Support]

Please test adding this to Theme Options => Custom CSS:

@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product {
    float: left;
}
}

[OvenCreative]

Hi David,

Thank you, that seems to have done the trick!

Cheers,
Dave

[David Martin – Support]

Glad to help you out!

Thanks,
David

[Rui Guerreiro – SUPPORT]

Great. Thanks David.

-Rui