[Resolved] Woocommerce shop， How To Get Two rows？

This topic has 3 replies, 2 voices, and was last updated 5 years, 1 month ago by Andrew Misplon.

Tagged: woocommerce

Author
Posts
March 2, 2020 at 12:54 pm #14060

thetopshop
Participant
Hello ,
Polestar Theme
Woocommerce shop, How to get two rows products in mobile (smartphone view )？
『Like Ultra Theme’s Woocommerce shop ( mobile smartphone view’ two rows )』
How to solve this problem？
March 2, 2020 at 2:10 pm #14079
Andrew Misplon
Keymaster
Hi
You can try adding the following to Customize > Additional CSS or Appearance > Custom CSS:
```
@media (max-width: 480px) {

	.columns-2.woocommerce .products .product, .columns-3.woocommerce .products .product, .columns-4.woocommerce .products .product, .columns-5.woocommerce .products .product {
		width: 48.25%;
	}
}
```
March 2, 2020 at 3:22 pm #14082

thetopshop
Participant
Thank you
the problem resolved！
March 3, 2020 at 11:15 am #14086

Andrew Misplon
Keymaster
Glad that helped 🙂
Author
Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.