Narrative Theme Product image Size is too large

Store Design
1

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 large
Too large1920Ă—1080 280 KB

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)
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)1920Ă—1080 127 KB

other images are too large and at the very bottom
other images are too large and at the very bottom1920Ă—1080 363 KB

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

2 Likes
2

@rojiss

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

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

3

Hey there @rojiss ,

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

4

Sorry the passport is: gaulya

Let me know if you need anything else!

Thank you.

5

hey the password is : gaulya

6

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

Worked! Thank you so much!!

1 Like
8

@rojiss

it’s my pleasure to help us

9

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

10

@ChanFuts69

thanks for post

do you have like this?

KetanKumar_0-1615892143203.png
KetanKumar_0-1615892143203.png1920Ă—1080 326 KB

11

Screen Shot 2021-03-16 at 9.59.21 PM.png
Screen Shot 2021-03-16 at 9.59.21 PM.png2534Ă—1202 445 KB

12

@ChanFuts69

can you please just confirm above my attachment?

1 Like
13

You mean if I have those photos right?

14

@ChanFuts69

Yes

2 Likes
15

Hello, thank you for your help with resizing the image on the narrative theme.

Could you please help me how to make the product image stand on the right and buttons and text on the left, instead then under the product.

16

SORRY. How to make the image on the left and BUY button and text on the right?

1 Like
17

@Bibi3

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

18

I tried this and it didn’t work :disappointed_face:

1 Like
19

@LazaroCon1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
20

My website is already published and I’m working in that theme because I want to change it.

I don’t know if I can still send you the URL.

1 Like