Reduce white space between product image and header? Mobile & desktop

Hi, I would like to reduce the white space on both mobile layout and desktop on the product page. I’m using Parallax theme.

For desktop above the image there is a lot of white space which I want to take off to have the sunglasses align more with the text. On mobile the white space make that you cannot see the buy now button without scrolling down. Please any help would be much appreciated.

1 Like

@Tonyvl

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi Ketan, thanks for your swift reply. This is the URL https://ameoseyewear.com/

1 Like

@Tonyvl

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/custom.css ->paste below code at the bottom of the file.
body.product .container.main.content.main-wrapper {
    padding-top: 0 !important;
}

@KetanKumar , thank you it worked out well on desktop. However, I still have the issue on mobile layout but I believe it would be the white space between the product picture and the product name text. Would you have any code so I can resolve that? As the buy now button still doesn’t appear on mobile unless you scroll down.

1 Like

@Tonyvl

sorry i can’t see

@KetanKumar Please see below picture, buy button does not appear on the product image. Not sure if if this depends padding on upper or lower part of the product images can decrease slightly in size to show button.

1 Like

@Tonyvl

can you please confirm!