How can I make the collection list images bigger on desktop without changing them on mobile?

Store Design
1

I am trying to make the collection images on the homepage bigger on desktop without affecting how large they currently are on mobile.

the website is bellissimacrystals.com

2

In your case I would increase the row max-width, so that the collection images are larger.

You can use the following code

#shopify-section-collection--collection-list .container {
    max-width: 80%;
}
3

Where would i put this?

1 Like
4

I am not 100% sure cause I don’t know you theme, but you can try to add it to the end of custom.css file that it is stored in the assets folder of your theme.

Check this official documentation step by step: Editing theme code

5

@scalabur

sorry for that issue

i have check it your image already bigger but your image was white blank spacing can you please just removed and update

see image

https://cdn.shopify.com/s/files/1/0580/0126/0702/collections/Untitled_design_600x.png?v=1625283622