make featured collection product image smaller

[ads18922]

hello, currently on my home page I have a featured collection of my hoodies. I only have 3 hoodies, so i made it so you swipe to see all the hoodies. I chose the 1 column and I clicked the option for enabling swipe on mobile, but i want to change the size of the image, as currently the hoodie looks really big. I want it to be slightly smaller, so you can begin to see the next hoodie. Here is my website:

this is my website, as you can see the hoodie is really big and you can only see one hoodie. I want it to look something like this:

my website is www.antico-abito.com , theme is dawn

[Moeed · Accepted solution]

Hey @ads18922 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.collection .slider.slider--tablet li {
    width: 45% !important;
}
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed