padding on mobile product page on Studio theme

[lilyandwilliam]

there is way too much padding on the top and bottom of the images on my main product page, but only on the mobile layout on the Studio theme. i attached 2 photos, for some reason 1 of my products (top) has the perfect amount of padding but all the other products in this same collection are off (bottom) pls help

[DelightLoyalty]

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

[Amitjaiswal]

HI @lilyandwilliam 

That's happening because your product's images are not of the same sizes.

Drop a Like if it helps and accept it as a Solution.

[DigiXoft]

Hi,
That can be because of the white space in image

[KetanKumar]

@lilyandwilliam 

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.

[dmwwebartisan]

@lilyandwilliam 

Please share your store URL!

Thanks!

[lilyandwilliam]

https://www.lilyandwilliam.co/

password: mietro

[lilyandwilliam]

https://www.lilyandwilliam.co/

password is mietro

[lilyandwilliam]

https://www.lilyandwilliam.co/

password is mietro

[dmwwebartisan]

@lilyandwilliam 

Please add the same size image.

[KetanKumar]

@lilyandwilliam 

can you please confirm this look

[dmwwebartisan]

@lilyandwilliam 

Please add the following CSS code to your assets/component-slider.css bottom of the file.

@media screen and (max-width: 749px){
.slider.slider--mobile {max-height: 325px;}
}

Thanks!