Mobile shop just shows one picture in a row in shop

[joshua]

Hey there,

the mobile version of my shop website sometimes just shows one product in a row instead of two…

Do you know how to fix this?

Screenshot:
https://screenshot.net/qorkjtd

Thanks!

[Sonnal S Sinha]

Hi Joshua,

Kindly remove the under construction mode of your website so that we can provide you CSS to resolve this issue.

Regards,
Dave

[joshua]

Hey,

i did 🙂

[Sonnal S Sinha]

Hi Joshua,

Kindly go to Appearance»Theme Options»Basic Settings»Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=”columns-“] ul.products li.product, .woocommerce[class*=”columns-“] ul.products li.product, .woocommerce ul.products li.product a img { width:100% !important;}
}

Regards,
Dave

[joshua]

thank you!

[Sonnal S Sinha]

🙂

[Author]

Posts