FROM CACHE - en_header

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)
DelightLoyalty
Shopify Partner
981 80 121

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

Yours faithfully!

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
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 71

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
34394 3444 11271

@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
dmwwebartisan
Shopify Partner
11014 2377 3400

@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 | Click here GemPages The most powerful Shopify page builder.
lilyandwilliam
Tourist
4 0 2
lilyandwilliam
Tourist
4 0 2
lilyandwilliam
Tourist
4 0 2
dmwwebartisan
Shopify Partner
11014 2377 3400

@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 | Click here GemPages The most powerful Shopify page builder.
KetanKumar
Shopify Partner
34394 3444 11271

@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
11014 2377 3400

@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 | Click here GemPages The most powerful Shopify page builder.