Impulse Theme Hero Slideshow Image Sizing

[MakayMotif]

I'm trying to do the images for my hero slideshow on the Impulse theme. I looked up the recommended size which is 2880px wide by 1620px tall, and sized my photos accordingly. However, they aren't fitting to the slideshow. It appears like this, when my actual photo is like this. How do I fix this, or do I need to do a different sizing? 

[KetanKumar]

@MakayMotif 

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

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

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

[edge6864]

Hello Ketan, 

I have the same problem. Is there a solution?

BR
Edin

[ccherukuri]

I have the exact same problem as described by OP, is there a solution for this.

[KetanKumar]

@ccherukuri 

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

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

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

[ccherukuri]

@KetanKumar my site is not live yet, I can add you as a colab if you like.

[ccherukuri]

@KetanKumar here is my website link, will provide the password separately.

https://vcethnics.myshopify.com/

[KetanKumar]

@ccherukuri 

as per your theme code mobile image doesn't proper or disable parallax on mobile 

[ccherukuri]

@KetanKumar ok i haven't really looked at the mobile version but was trying to see what's causing the issue on desktop version, where you able to see the issue i mentioned on desktop?

[KetanKumar]

@ccherukuri 

it think both issue may be theme customization option allow to this did you check?

[ccherukuri]

@KetanKumar I was able to resolve this issue by disabling the parallax option in the hero slider settings and also by changing the height, now i can see the full image without getting chopped. Although i'm not sure in which case enabling Parallax is good, is that for the zoom in/out effect on the banner?

[Kaynaa]

Thank you !!!!

[Promaker]

Thanks for the solution. it really works.

[LoVHV]

Thank you!! That really work.

[edge6864]

@KetanKumar 

ameryma.myshopify.com

[KetanKumar]

@edge6864 

thanks for the store URL i have checked your all images vertical more doesn't fix the banner but you have tried this code to view the proper  size

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

#shopify-section-template--15660810633462__slideshow .hero__image {
-o-object-fit: contain;
    object-fit: contain;
}

[edge6864]

Is that correct?

[KetanKumar]

@edge6864 

yes, or may be upload proper image as per you wide screen that would be grete 

[Simon-H]

Hey not sure if you solved this, but the file you put the code in is incorrect.

There should be a file called theme.css or similar...the code should go in there 😊

[shop519]

Mine is not working either and I used the same specs. Please help!