Website style for all page product areas

Good morning, we have installed a plugin called “WooCommerce Product Recommendations”, developed by Woocommerce. It recommends some products on product and cart pages, but it seems not to be very responsive.
We asked some css customizations to the plugin developers and now it seems to be pretty good, but only for desktop version of website, less on mobile.
We asked another custom css to let it look better but they answered this:
Speak to your theme authors and ask that they apply the styling to all areas of the product page

We would like simply that on smartphone, the recommended products view was 2 row and 2 columns (at this moment it’s 2 row and 3 columns).
It should be much better in a carousel, but we know we can’t ask so much! 😉

Hope you can help us, thank you in advance.

Hi Fdesign,

I am appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Kind Regards,

Ok, please take a look to the screenshot.
Thank you.

Attachments:

You must be logged in to view attached files.

Hi Fdesign,

Can you please check your site again? I cannot access to it https://ibb.co/GfY0yKVg I am come from Viet Nam.

Meanwhile, can you please contact to author plugin to know if they have an option to select columns on mobile.

Kind Regards,

Good morning, now you can access to website.
As indicated on first message, to our question about the mobile visualization, they answered: Speak to your theme authors and ask that they apply the styling to all areas of the product page.
For this reason we are asking a solution to you… thank you for your help!

Hi Fdesign,

Try to add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wc-prl-recommendations .product-grid-item {
    flex: 0 0 calc(50% - 22.5px);
}

Regards,

It worked, thank you very much!! 🙂

[Author]

Posts