[Resolved] How do I make product gallery page mobile responsive?

[Harry]

Hi,

On the product gallery page, how do I make the product images mobile responsive?

I added a padding left 15px and it looks ok on a laptop but horrible on a mobile phone.

Thanks

[David]

Hi there,

remove the CSS you have added for the padding, and add this instead:

.woocommerce ul.products li.product.woocommerce-image-align-left .wc-product-image {
    margin-right: 0 !important;
}

[Harry]

Hi David,

That works perfectly. Thank you for the quick response 🙂

[David]

You’re welcome

[Author]

Posts