Hey, hope this message finds you well. I am in need of some assistance with editing my website theme’s Grid layout ( Product TAB ). Specifically, I would like to change the number of vertical product rows from 2 to 3 on mobile devices, and from 5 to 6 on desktop devices ( COLOMUN SECTIONS ). thank you so much, any help would be greatly appreciated!
Website: Aurra.co
Hallo @Aurra-co
i am ready for your work.
Gmail - hariomvish267@gmail.com
Hi @Aurra-co ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:
@media screen and (min-width: 1200px) {
.product-tabs-content .product {
width: calc(100% / 6) !important;
vertical-align: top;
margin-top: 20px !important;
}
}
@media screen and (max-width: 767px) {
.product-tabs-content .product {
width: calc(100% / 3) !important;
vertical-align: top;
margin-top: 20px !important;
}
}
I hope it would help you
Best regards,
Richard | PageFly
WOW! Thank you tons, Richard! I have been trying to figure this out for days. You are amazing and a lifesaver! I appreciate you for taking the time to help me with this problem it really does mean a lot. PageFly for the Win!