How can I adjust product size for comfortable scrolling on phone view?

Store Design
1

Kindly suggest what to do so the phone view doesn’t have all the products so huge, a view list would be better so the customer can scroll down comfortably.

www.commerfoods.com

unnamed.jpeg
unnamed.jpeg1242×2688 148 KB

unnamed233.jpeg
unnamed233.jpeg1242×2688 134 KB

2

Hi @aishaz ,

Go to Assets > styles.css and paste this at the bottom of the file:

@media (max-width: 767px) {
	.collections-section .row.grid {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.collections-section .product-block {
		width: 50% !important;
	}
	.collections-section .product-block .image {
		min-height: auto !important;
	}
	.collections-section .product-block .title {
		text-align: center;
	}
}

Hope it helps!