Too Much Spacing Between Product Image and Text Sense Theme

[Thecupcleaner2]

Hi,

There is way too much space between my product pictures and the text as well as way too much white empty space towards the top of the product page. I notice that it is only on the mobile device and not the computer. I am using the Sense theme. How do I fix this? I read some other articles where other people were having the same issue but the answers were all different depending on their specific page.

Here are the white spaces I would like to significantly reduce:

My store is called:

the-original-cup-cleaner.myshopify.com/products

Thank you so much!!

[Dan-From-Ryviu]

Make sure all images are same size, 39th image caused that issue

[MarkHenry]

Hey @Thecupcleaner2 , try working on all the images size, make they are moderate and of same size…

It should help you out

[Litos]

Hi @Thecupcleaner2 ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  #Slide-template--17056411910430__main-32339025527070 .product__media.global-media-settings {
     padding-top: 99% !important;
  }
  #Slide-template--17056411910430__main-32339025527070 .product__media.global-media-settings img {
    width: auto !important;
    margin: auto !important;
    right: 0;
  }
}

Hope it helps!

[GemPages]

Hello @Thecupcleaner2

I noticed that your product images are of uneven size leading to too large a height difference that creates a white space in the slide.

You should re-upload product images and preferably they should be the same size.

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[Thecupcleaner2]

Thank you so much!! I got rid of most of the white doing this. Is there any way to still get more of the white at the bottom and or top parts to make the image look like it’s taking up more of the screen?

Thank you!

[Litos]

Hi @Thecupcleaner2 ,

Did you follow my instructions?