Add white space between header and product title

Store Design
1

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

C81F039F-D6D6-4FA0-B7A3-54A5200F71BA.png
C81F039F-D6D6-4FA0-B7A3-54A5200F71BA.png2048×2732 653 KB

2

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!

3

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

4

Try this code instead:

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

Hi @JHKCreate sorry still not working

6

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

Cheers!

7

Hi

Yes that would be great thank you,

thanks

8

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

9

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

10

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:

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

11

Thank you so much, that is perfect :+1: