padding on mobile product page on Studio theme

lilyandwilliam
Tourist
4 0 2

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

Screen Shot 2022-04-21 at 12.33.50 AM.pngScreen Shot 2022-04-21 at 12.34.05 AM.png

Replies 11 (11)

DelightCart
Shopify Partner
1223 81 154

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

Yours faithfully!

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
lilyandwilliam
Tourist
4 0 2

https://www.lilyandwilliam.co/

 

password: mietro

Amitjaiswal
Shopify Partner
29 0 7

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.

Thanks

DigiXoft
Shopify Partner
109 18 72

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on arslan@digixoft.com regarding any help
Shopify Partner | Skype : arslan.saleem261

KetanKumar
Shopify Partner
36835 3635 11966

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

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
lilyandwilliam
Tourist
4 0 2

https://www.lilyandwilliam.co/

password is mietro

dmwwebartisan
Shopify Partner
12267 2545 3688

@lilyandwilliam 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
lilyandwilliam
Tourist
4 0 2

https://www.lilyandwilliam.co/

 

password is mietro

dmwwebartisan
Shopify Partner
12267 2545 3688

@lilyandwilliam 

Please add the same size image.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
KetanKumar
Shopify Partner
36835 3635 11966

@lilyandwilliam 

can you please confirm this look

KetanKumar_0-1650567150284.png

 

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
dmwwebartisan
Shopify Partner
12267 2545 3688

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app