Add white space between header and product title

Solved
Booshy
Tourist
11 0 2

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

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
2920 504 723

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 10 (10)
JHKCreate
Shopify Partner
2920 504 723

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!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

Booshy
Tourist
11 0 2

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

JHKCreate
Shopify Partner
2920 504 723

Try this code instead:

 

.header-wrapper.js.unstuck {
    margin-bottom: 30px;
}
Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

Booshy
Tourist
11 0 2

Hi @JHKCreate sorry still not working

JHKCreate
Shopify Partner
2920 504 723

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

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

Booshy
Tourist
11 0 2

Hi

 

Yes that would be great thank you, 

thanks

JHKCreate
Shopify Partner
2920 504 723

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

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

Booshy
Tourist
11 0 2

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
Shopify Partner
2920 504 723

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post