Archived topic

How do I make product gallery page mobile responsive?

3 replies · Started by Harry on September 22, 2019

Viewing posts 1–4 of 4

September 22, 2019 at 2:20 pm #1016141

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

September 22, 2019 at 3:04 pm #1016165

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;
}

September 22, 2019 at 3:18 pm #1016171

Hi David,

That works perfectly. Thank you for the quick response :)

September 22, 2019 at 3:34 pm #1016180

You're welcome

This archived topic is closed to new replies.