make collection list images bigger on mobile

[ads18922]

hello, i want to make my collection list images bigger on mobile but not desktop. Here is my store:

I want it to look something like this: 

theme is dawn, website url is www.marcomontesi.com

[DaisyVo · Accepted solution]

HI @ads18922 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
.collection-list-wrapper.page-width slider-component.slider-mobile-gutter ul.collection-list li {
    width: 70%;
}
}

Here is the result: https://prnt.sc/GVLy-alocYQf

I hope this helps

Best,

Daisy