[Resolved] Woocommerce products on shop page problem

[Gencho]

Hi,

I have a problem with woocommerce products on the shop page on mobile. The thing is that I made them in 2 columns on mobile but the second column is having bigger images and it does not have a margin on the right. You can see it in the provided url, but only if you use your mobile phone, it does not replicate when you resize the chrome browser on desktop.

I tried to disable all other plugins and it doesn’t make any difference. The other thing I have noticed is that when I go to second page of the shop the products are OK.

Thank you,
Best Regards,

[Gencho]

Also I have noticed that when I turn off the GP premium plugin it serves the images correctly, when I turn it back on it makes the problem.

[Leo]

Hi there,

Can you turn off all plugins except GP Premium and let me have look?

Make sure to disable the caching plugin last and clear before you disabling it.

Let me know 🙂

[Gencho]

Hi Leo,

I have just done what you’ve said. Nothing changed. 🙂

Best Regards,

[Tom]

Hi there,

Can you try adding this CSS?:

#wc-column-container .product {
    overflow: hidden;
}

Let me know 🙂

[Gencho]

This has worked like a charm! Thanks Tom! 🙂

Best Regards,

[Tom]

You’re welcome 🙂

[Author]

Posts