How can I make a Specific Collection List smaller ( Fit 2 Product ) Mobile

Shopify Discussion
1

Hi everyone

I wanna ask how can we make a Collection List showing ( 2 Product vertically in Mobile Version )

maybe by not showing too many Text ? so It can fit 2 Product vertically

Untitled-1 copy.jpg
Untitled-1 copy.jpg500×500 28.6 KB

2

@OLIV1

Can you please share store URL?

3

www.oscarliving.co.id

Theme empire 9.1.1

No pass

4

Replace this css in theme.css line no:7091

.featured-collection__content[data-layout="slideshow"] .productgrid--item {
	width: 195px;
}

dbuglab_0-1691664618470.png
dbuglab_0-1691664618470.png621×711 73.4 KB

5

dbug lab

thank you for getting back at me.

But that is not what I meant

let me clear it up

Untitled-341 copy.jpg
Untitled-341 copy.jpg953×500 71.3 KB

6

use this css, but unable to show 4 products in single screen because there is too much content in the products and also section gets the height accordingly.

.featured-collection__content[data-layout=slideshow] .productgrid--item {
    width: 180px !important;
}

.productitem--swatches-container {
    padding-right: 30.5px; !important;
}
7

do I put this on the same No ??

" Replace this css in theme.css line no:7091 "

8

@dbuglab is it Possible if we can eliminate some text