Weirdly placed collections

Highlighted
Tourist
8 1 0

Hey I was wondering if theres a way to have 2 different home page ( one for mobile and one for desktop ) because i want on pc to have 6 collections but 3 per rows ( so 2 rows like picture 1 ) but on mobile to have 6 collection too but 2 per rows ( so 3 rows like picture 2 ). https://artsofthestreet.com/ or https://arts-of-the-street.myshopify.com/

Discraft__0-1603229567065 (1).png

 

Screenshot 2020-10-23 191420.png

 

0 Likes
Highlighted
Shopify Partner
591 84 127

Please place  this code at the end of theme.scss

 

@media only screen and (max-width: 480px) {
#shopify-section-1603154146e7bce0c8 .grid-uniform .grid__item {
width: 50% !important;
}
}

 

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Tourist
8 1 0

Hey @paramSoft , i did what you told me to but it didnt work.... ( see pictures ) its good like before on desktop but on mobile its like 2 and then 1 under and then 2 and then 1

Discraft__0-1603552290160.png

Discraft__1-1603552304301.png

 

 

0 Likes
Highlighted
Shopify Partner
591 84 127

It is all correct on my side

paramSoft_0-1603604153055.png

 

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes