one column collection list on mobile

Solved
Fabian_weldon
Explorer
111 0 25

Currently my collection list is two collections next to each other on mobile but this makes the images very small.

If possible I would like to to have them in one column ( one on top of each other).

thank you in advance

0 Likes
paramSoft
Shopify Partner
1434 234 642

Please provide website url and if your store is password protected then also provide password

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
Fabian_weldon
Explorer
111 0 25
paramSoft
Shopify Partner
1434 234 642

PLease explain more with screenshot and on which page?

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
Fabian_weldon
Explorer
111 0 25

currently it looks like this on mobile:

 

IMG_3238.PNG

 

But If possible I would like it to look like this:

 

IMG_3240.PNG

 

 

Thank you.

0 Likes
paramSoft
Shopify Partner
1434 234 642

PLease place this code at the end of theme.scss

@_media screen and (max-width: 590px) {
#shopify-section-featured-collections .wrapper .collection-grid .collection-collage__item {
width: 100% !important;
margin-bottom: 0px !important;
    height: 450px !important;
}
}
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
Fabian_weldon
Explorer
111 0 25

that messed up my website unfortunately and removed the collection list images as well.

0 Likes
paramSoft
Shopify Partner
1434 234 642

Please apply this code so that I can see what messed up and give you solution

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
Fabian_weldon
Explorer
111 0 25

here are a few screenshots to show:

 

Screenshot 2021-01-25 at 09.30.27.pngScreenshot 2021-01-25 at 09.30.31.pngScreenshot 2021-01-25 at 09.30.35.png

0 Likes
paramSoft
Shopify Partner
1434 234 642

Please place this code

@_media screen and (max-width: 590px) {
#shopify-section-featured-collections .wrapper .collection-grid .collection-collage__item {
width: 100% !important;
margin-bottom: 0px !important;
height: 450px !important;
}
}
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