How can I resize the 'complete the look' section image on desktop?

Store Design
1

Hey, the image of the ‘complete the look’ section (right under product) is very big on desktop. How can I make it smaller?

URL: https://www.bafaluc.com

Password: sawbaw

2

@Pam9 ,

Share the screenshot

3

@Pam9

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 769px) {
.shop-the-look .collection--slider .product-item {width: 20%;}
}
4

Hi @Pam9 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (min-width: 992px) {
    .shop-the-look .collection--slider .product-item {
        width: 25%;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Thank you!