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?
2 Likes
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.
Hello Ketan,
I have the same problem. Is there a solution?
BR
Edin
I have the exact same problem as described by OP, is there a solution for this.
1 Like
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.
@KetanKumar my site is not live yet, I can add you as a colab if you like.
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
- Go to Online Store->Theme->Edit code
- 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;
}
yes, or may be upload proper image as per you wide screen that would be grete
@KetanKumar here is my website link, will provide the password separately.
1 Like
as per your theme code mobile image doesn’t proper or disable parallax on mobile
@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?
it think both issue may be theme customization option allow to this did you check?
@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?
6 Likes
Mine is not working either and I used the same specs. Please help!
Thank you !!!
1 Like
Thanks for the solution. it really works.
1 Like
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
Thank you!! That really work.
1 Like