Woocommerce Mobile Images Different Sizes

I am facing the same issue on multiple sites of mine that are using astra theme and Woocommerce. I have checked by enabling another theme to be sure if its an issue of any of the plugins. Sadly, it turns out to be the issue with the theme. Team Astra, could you please rectify and provide a solution to this problem, its really annoying to see different product image sizes in the two columns on mobile view.

The left column has smaller product image size where as the right column has bigger product image size.

Hello @allyoustudio and @vidhugoel

Sorry, we missed responding to this topic in our view.

While we checked the WooCommerce two-column layout on our mobile devices and didn’t notice any issue.

Here’s the screenshot of the same.

We are more than happy to take a look at your end, as to what seems to be wrong.

Can you share a site URL, or if possible do open a ticket with us for quicker resolution?

Looking forward to hearing from you!

Regards,
Suman

There was an extra margin on the right side in mobile view. I used a css code to resolve it.

@media (max-width:544px){
.woocommerce-page[class*=columns-] ul.products li.product:nth-child(n), .woocommerce[class*=columns-] ul.products li.product:nth-child(n){
margin-right: 0px !important;
}
}

Please push this out in your next update so that others don’t have the same issue.

regards
Vidhu

Hello @vidhugoel

We had a similar issue reported, where it could be reproduced and our developers took a quick look and have added a patch for the same.

You can expect the same to be fixed in the upcoming update next week. Do mark the topic as resolved. ??

I hope that helps.

Regards,
Suman