Grid Settings

Akhil3
Tourist
21 0 3

https://www.ayudaclothing.com/collections/aafiya 

this is the link and i want make it a row of 4 on desktop and 2 on mobile but I cant see the option of grid settings of changing the rows.

 

0 Likes
HardikDavra
Shopify Partner
1808 279 793

Please place this code at the end of theme.scss

#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
#CollectionSection .grid-uniform grid___item {
width: 25%;
}
}
@media only screen and (max-width: 769px) {
#CollectionSection .grid-uniform grid___item {
width: 50%;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Akhil3
Tourist
21 0 3

i have added the given code to theme.scss.liquid as I couldn't find a file name theme.css 

and it didn't work

0 Likes
Akhil3
Tourist
21 0 3

https://www.ayudaclothing.com/collections/aafiya 

still it has 3 grid in row rather than having 4

0 Likes
HardikDavra
Shopify Partner
1808 279 793

Please remove my old code and place this code.|

#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
#CollectionSection .grid-uniform grid__item {
width: 25%;
}
}
@media only screen and (max-width: 769px) {
#CollectionSection .grid-uniform grid__item {
width: 50%;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Akhil3
Tourist
21 0 3

the given code is still not working.

 

https://www.ayudaclothing.com/collections/aafiya

0 Likes
HardikDavra
Shopify Partner
1808 279 793

It seems that I need to enter into your store to do coding.
Would you please add me as a staff member so that I can enter into your store and can solve your problem.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Akhil3
Tourist
21 0 3

i have sent an invite to you please have a look and notify when done

0 Likes
HardikDavra
Shopify Partner
1808 279 793

Please check now.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Akhil3
Tourist
21 0 3

Thank you so much for your help. Really appreciate it. If you don't mind could you please get the desk top setting back to 3 instead of 4 and left the mobile one to 2. thanks so much again

0 Likes