Narrative Theme Product image Size is too large

Solved
rojiss
Tourist
4 0 3

Hi, 

I am using the Narrative theme and I absolutely love it, but the product images are too large. How can I have the images smaller, all together on the right side (next to the texts& buy buttons). Also I want for it to slide to the next image on its own. How can I do that? Any help will be appreciated.

Too largeToo largeI want this part to be on the right side of the product image (on mobile i want it to look right under the product pic)I want this part to be on the right side of the product image (on mobile i want it to look right under the product pic)other images are too large and at the very bottomother images are too large and at the very bottom

 

my store url: https://nerofruit.myshopify.com/

KetanKumar
Shopify Partner
17265 1870 6450

@rojiss 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry but your store is password protect can you please share us.

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
0 Likes
UmairA
Shopify Partner
872 85 173

Hey there @rojiss ,

Are you able to provide your store password so I can take a look and provide the solution here?

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
rojiss
Tourist
4 0 3

Sorry the passport is: gaulya

Let me know if you need anything else! 

Thank you. 

 

 

0 Likes
rojiss
Tourist
4 0 3

hey the password is : gaulya

0 Likes
KetanKumar
Shopify Partner
17265 1870 6450

This is an accepted solution.

@rojiss 

Thanks

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

.product__submedia-list.product__submedia-list--r2 {
max-width: 800px;
    margin: 0px auto;
}
.product__media-container {
    max-width: 400px !important;
}

 

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
rojiss
Tourist
4 0 3

Worked! Thank you so much!!

KetanKumar
Shopify Partner
17265 1870 6450

@rojiss 

it's my pleasure to help us

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
0 Likes
ChanFuts69
New Member
7 0 0

Hi can you help me please. My "Get Started" image in the gallery shows different size to different desktops.

Website: ecommerce-consulting-group.myshopify.com

Password: bleale

0 Likes
KetanKumar
Shopify Partner
17265 1870 6450

@ChanFuts69 

thanks for post 

do you have like this?

KetanKumar_0-1615892143203.png

 

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
0 Likes