How to increase the products per row in mobile Trademark theme?

Solved
thetechjar
New Member
3 0 0

Hello,

Can someone please help with changing the mobile collection's display to 2 products or more per row?

My URL is thetechjar.com and I am using the Trademark theme.

Thanks!

0 Likes
Natztech
Shopify Partner
1385 389 943

This is an accepted solution.

hello @thetechjar 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 789px){
.template-collection  #shopify-section-collection-template .list-products  .grid__cell{
	width: 50% !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
thetechjar
New Member
3 0 0

Thank you for the response!

Another question, do you know of any way to make each product the same height? I was able to add 2 products to each row, but they are appearing unevenly due to the different heights.

0 Likes