Home Forums Jevelin Theme How to have 2×2 columns for products on mobile? Reply To: How to have 2×2 columns for products on mobile?

Home Forums Jevelin Theme How to have 2×2 columns for products on mobile? Reply To: How to have 2×2 columns for products on mobile?

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){
.sh-woocommerce-products .woocommerce.columns-4 ul.products li.product {
    width: 50%;
}
}