Add white space between header and product title

[Booshy]

Hi

Hope someone might be able to help me, in desktop view my header and product title/Image are bunched really close together. I would like to add a little space above the product title.

www.allthekids.co.uk

Password - folieb 

Thank you

[JHKCreate]

Hi @Booshy 

Add the following code to the end of your theme-product.min.css file:

div#shopify-section-header {
    margin-bottom: 30px;
}

Let us know if that works!

[Booshy]

Thanks for the suggestion @JHKCreate , it doesn't appear to have added any space to the top.

[JHKCreate]

Try this code instead:

.header-wrapper.js.unstuck {
    margin-bottom: 30px;
}

[Booshy]

Hi @JHKCreate sorry still not working

[JHKCreate]

Odd, would you mind if we requested Collaborator Access and got this sorted out for you swiftly?

Cheers!

[Booshy]

Hi

Yes that would be great thank you, 

thanks

[JHKCreate]

Question @Booshy , have you used a page builder to create the product page template?

[Booshy]

Hi @JHKCreate  No i haven’t used any third party apps to build the page. The page was just created using the options in the theme.

I have removed the breadcrumbs which were at the top of the product page, so not sure if this would interfere.

thanks

[JHKCreate · Accepted solution]

That was helpful, issue has been resolved by adding at the end of that file: All The Kids ~ Edit ~ Envy ~ Shopify (all-the-kid-s.myshopify.com) the following code:

<style>
  div#product-box {
    margin-top: 30px!important;
}
</style>

Let me know if you're happy with the results!

[Booshy]

Thank you so much, that is perfect 👍