Collection page (subset) not displaying right

Highlighted
Shopify Expert
3315 527 780

Remove !important from  my give cs that you added.

Then add this:

@media only screen and (max-width: 1025px){
    .product-grid-item.large--one-quarter.large-up--one-quarter { width: 25% ;}
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Trailblazer
222 1 38

Thanks for trying @Jasoliya :)

I changed the code. I'd love to be able to mark this topic as solved but this is how they are displaying on mobile:

 

Screen Shot 2020-02-18 at 9.52.25 AM.png

0 Likes
Highlighted
Shopify Expert
3315 527 780

Add me as staff(jasoliyabrijesh123@gmail.com),it difficult to manage all screen gird from console.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Trailblazer
222 1 38

@Jasoliya Done!

0 Likes
Highlighted
Shopify Expert
3315 527 780

Done check now:

@media only screen and (min-width: 768px){
  .product-grid-item.large--one-quarter.large-up--one-quarter { width: 25%; }
  .product-grid-item.large--one-quarter.large-up--one-quarter:nth-child(4n+1) {clear: both;}

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .product-grid-item.large--one-quarter.large-up--one-quarter { width: 33.33% ;}
  .product-grid-item.large--one-quarter.large-up--one-quarter:nth-child(3n+1) {clear: both;}
}

@media only screen and (max-width: 425px){
  .product-grid-item.large--one-quarter.large-up--one-quarter { width: 50% ;}
  .product-grid-item.large--one-quarter.large-up--one-quarter:nth-child(2n+1) {clear: both;}
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Trailblazer
222 1 38

It's looking good on desktop and phone screens but is still jumbled on mid size like my ipad mini. But you've given me enough to work with. I will play around with it and be back. 

0 Likes