So i made page with narrative theme, and it looks good on desktop. But on mobile, its listing all products 1 per row, and its ultra big what look so bad. I will be very thankful if someone will help me. it looks like this and i want 3 products per row. [Näyttökuva 2022-01-17 003133.png] @pioneer…

@umuttig37 yes, please try this code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. @media only screen and (max-width: 749px) { .card-list__column { display: flex; flex-wrap: wrap; } .card-list__column .card { width: 50%; …

@umuttig37 can you confirm this look! [KetanKumar_0-1642379063196.png]

yes, i would be really thankful all products will look like this on mobile.

Exactly how i wanted it to look, thank you so much! Saved my day

@umuttig37 its my pleasure to help us

How do i get products look smaller on mobile? there is 1 product per row and its ultra big

Retired Boards Appdev Store Design

KetanKumar January 17, 2022, 12:24am 2

@umuttig37

can you confirm this look!

Topic		Replies	Views
Custom CSS For Product Collections On Mobile To Have 3 or 4 Products Per Row Store Design design , collection-page , css , third-party-themes , product-page	7	152	November 15, 2023
Increase number of columns in mobile collection/product list Store Design customizations , collection-page , css , shopify-themes	4	80	September 19, 2024
Narrative - How to add more rows to product page on mobile version Store Design	7	47	September 30, 2022
How do I only show 3 products in a row on the portland theme Store Design collection-page	9	55	February 3, 2023
How can I Display more then Two product on a row in mobile view of venture theme Store Design	4	57	November 18, 2021

How do i get products look smaller on mobile? there is 1 product per row and its ultra big

Related topics