Narrative Theme - Large Product Images

[enrique00]

Here the URL.

https://tnaoofubi8bh8egz-50224169111.shopifypreview.com

My page is not published. I sent you a private message with the password.

Thanks.

[Algalsc]

I'm having the same issue and would like to make the product recommendations at the bottom of the page much smaller to fit 4 in one row instead of 2, are you able to help? This is my site: https://perfectdd.com/collections/made-in-usa/products/v-neck-flutter-sleeve-t-shirt

[KetanKumar]

@Algalsc 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
.product-recommendations__slide {
    -webkit-flex: 0 0 calc(25% - 2rem);
    -moz-flex: 0 0 calc(25% - 2rem);
    -ms-flex: 0 0 calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
    margin: 0rem;
}
}

[Algalsc]

Thank you so much, it worked! Is there any way to reduce the padding under "You May Also Like" and the images? I appreciate your help!

[KetanKumar]

@Algalsc 

Thanks for update 

yes, please add this code

.product-recommendations__slide .card__wrapper {
padding: 0;
}
.product-recommendations__heading {
    margin-bottom: 0;
}