- This topic has 6 replies, 2 voices, and was last updated 5 years, 7 months ago by
.
Hey, I’ve added on the main page of my website with visual composer a row with “Product Category ”, on desktop the products show on 4 columns but on mobile the products doesn’t come on 2 columns it remains on 4 and the content of teh product box is almost unreadable. Do you have a solution on this ?
als I have the same problem as this guy here https://support.shufflehound.com/forums/topic/translation-6/#post-51264
Hi @alexbombaster,
I hope you are well today and thank you for your question.
Could you please share the page URL from your site where the product category is displaying so that I can troubleshoot it?
Best regards,
Shufflehound teamSolution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 800px) { #page-container .woocommerce ul.products li.product { width: 45%; margin-bottom: 30px; } #page-container .woocommerce ul.products li.product:nth-child(2n+1) { clear: both; } } @media (max-width: 550px) { #page-container .woocommerce ul.products li.product { width: 100%; } }Thank you !
You are most welcome here 🙂
