This topic has 7 replies, 3 voices, and was last updated 3 weeks, 4 days ago ago by Luca Rossi
Hello, we are doing a grid display of 5 in a row and a load more button, can we make it so that on mobile it initially displays 4 products only to make it look nice
Hello, Goostaf,
Thank you for reaching out to us with your request.
There is no such option, unfortunately.
Best Regards,
8Theme’s Team
I remember exactly that you had a theme with a solution for me, I can’t find it, there was a css code that hid the fifth product on a mobile device just
there was a style that hid 1 product on the mobile and only 4 were shown
Hi @Goostaf,
Can you try with this custom CSS codes?
.etheme_products .products-loop > div:nth-child(5n+1) {
display: none;
}
Hope it helps!
Yes, what is needed, the question is, is it possible to make 6 displayed on the mobile through the code as well? On PC 5, on mobile 6
Dear Goostaf,
We hope this message finds you well. We’re writing to assist you with the WPBakery Builder’s Products element. To set the product limit to 6, please follow the instructions provided in the screenshot linked below:
[https://prnt.sc/5FDnUvrBUiR8](https://prnt.sc/5FDnUvrBUiR8)
Should you require any further assistance, please do not hesitate to contact us.
Best regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up