reduce spacing between header and product image

Site URL: https://www.shop-ampm.com/shop/p/brown-checkered-blazer

Hi!

I would like to reduce this space between the header and the first image of my product pages. I still want the product details on the right to stay at that height, it's just the image I want to place higher. Would that be possible? 

Thank you so much, 

Aina 

2 hours ago, aina said:

Site URL: https://www.shop-ampm.com/shop/p/brown-checkered-blazer

Hi!

I would like to reduce this space between the header and the first image of my product pages. I still want the product details on the right to stay at that height, it's just the image I want to place higher. Would that be possible? 

Thank you so much, 

Aina 

You can try adding top Home > Design > Custom Css

.products.collection-content-wrapper {
  padding-top:0;
}

.ProductItem-nav {
  padding-bottom: 40px;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Testing result

Still keep some space for breadcrumb that is above the image.

It worked perfectly! Thank you so much!