Narrative theme: Edit product recommendation images and arrangement?

Solved
stellaa
Excursionist
39 0 7

Hi there! I'm currently using the narrative theme and I'm editing the recommended product section for individual product pages. The problem is that these images are too large. I just want to display the three recommended products in one row with consistent image size. 

On the customize section, these are the only options available. How do I do this?

Screenshot 2021-03-04 at 15.26.15.png

 

Screenshot 2021-03-04 at 14.29.12.png

Screenshot 2021-03-04 at 14.29.23.png

Above is when you zoom out of the browser to about 70%. 

 Thanks! 

 

Access details:

 

https://sunnysixactive.com/collections/all/products/the-get-strong-cross-bra

password: heystella

 

KetanKumar
Shopify Partner
16096 1771 5942

This is an accepted solution.

@stellaa 

Thanks for post can you please add this code

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(33% - 4rem);
    -moz-flex: 0 0 calc(33% - 4rem);
    -ms-flex: 0 0 calc(33% - 4rem);
    flex: 0 0 calc(33% - 4rem);
}
}

 

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