Impulse Theme Hero Slideshow Image Sizing

MakayMotif
Visitor
2 0 2

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? 

 

Replies 19 (19)

KetanKumar
Shopify Partner
36822 3634 11960

@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.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
edge6864
Excursionist
28 0 7

Hello Ketan, 

I have the same problem. Is there a solution?

 

BR
Edin

ccherukuri
Shopify Partner
16 0 10

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

KetanKumar
Shopify Partner
36822 3634 11960

@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.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ccherukuri
Shopify Partner
16 0 10

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

ccherukuri
Shopify Partner
16 0 10

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

https://vcethnics.myshopify.com/

 

KetanKumar
Shopify Partner
36822 3634 11960

@ccherukuri 

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ccherukuri
Shopify Partner
16 0 10

@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
Shopify Partner
36822 3634 11960

@ccherukuri 

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ccherukuri
Shopify Partner
16 0 10

@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?

 

 

ccherukuri_0-1644330744497.png

 

Kaynaa
Visitor
1 0 1

Thank you !!!!

Promaker
Visitor
1 0 1

Thanks for the solution. it really works.

LoVHV
Visitor
2 0 2

Thank you!! That really work.

edge6864
Excursionist
28 0 7

@KetanKumar 

 

ameryma.myshopify.com

KetanKumar
Shopify Partner
36822 3634 11960

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

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
edge6864
Excursionist
28 0 7

edge6864_0-1644227836758.png

 

Is that correct?

 

KetanKumar
Shopify Partner
36822 3634 11960

@edge6864 

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Simon-H
Visitor
2 0 0

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 😊

Uk-based Shopify web designer and basic-level developer.

shop519
Visitor
1 0 0

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