Narrative Theme - Large Product Images

Tourist
6 0 1

Here the URL.

https://tnaoofubi8bh8egz-50224169111.shopifypreview.com

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

Thanks.

0 Likes
Excursionist
16 0 3

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

Prod Rec.JPG

 
 

 

0 Likes
Shopify Partner
12311 1501 4459

@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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Excursionist
16 0 3

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!

Reduce Padding under You May Also Like.JPG

Shopify Partner
12311 1501 4459

@Algalsc 

Thanks for update 

yes, please add this code

.product-recommendations__slide .card__wrapper {
padding: 0;
}
.product-recommendations__heading {
    margin-bottom: 0;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing