Several product photos on shop page aren’t aligning centre on mobile view

Hi @sami35!

I checked the link you sent and several images have different dimensions, which I think is the reason for the variation you are having. You could edit them so they can all have the same dimensions and then upload them again.

Just by changing the dimensions to fit the same as the other images, in the Inspect option of the browser, you can see the changes:

Before

After

So, since this is related to your theme and the dimensions of the images you are uploading, not a WooCommerce core issue, I’m marking this issue as resolved. Kindly remember that this is a forum for WooCommerce core-related issues.

If you have further questions related to WooCommerce, I recommend opening a new topic.

Cheers!

Ohh! Thanks for this answer.

But for now I want the product images in different sizes. Can you check the shop page on mobile view again and provide a solution.

I want, for now, to align the product images centre on mobile phone.

I’ll change the image sizes afterwards.
Thanks a lot.

Hi @sami35 ??

Sure, you can center those product images on mobile devices with a little Custom CSS. To do this, please go to your WordPress Dashboard > Appearance > Customizer > Additional CSS and add:

@media (max-width: 479px){
.woocommerce-shop ul.products li.product img {
    margin: 0 auto;
}
}

I hope that this helps ??

Thanks a looooooooooooooooooooooooot!
??

Glad that you found it helpful!

If you have further questions, feel free to create a new thread.