Decrease spacing between header and page on Brooklyn theme

Solved
Highlighted
Tourist
22 0 2

Hi, I am having trouble decreasing the space between the header and the page on the Brooklyn theme. I am looking to change this on every page except for my homepage.Screenshot (284).png

0 Likes
Highlighted
Shopify Partner
856 129 146

Hi There,

Would you mind sharing the shop's URL so I can guide you through this?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
22 0 2

https://dmd-financial-consulting.myshopify.com/

Password is shophere

I want to fix it on every page but the Homepage.

0 Likes
Highlighted
Shopify Partner
856 129 146

In your timber.scss file locate and modify the following class to this:

body:not(.template-index) .main-content {
    padding-top: 0px;
}


The initial value is 80px above. However I couldn't locate the .main-content class on the homepage, logically this shouldn't affect the homepage. Let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
22 0 2

This was the only code i could find that was similar to yours: 

body:not(.template-index) & {
padding-top: $gutter;

When i edited it, it did not work.

0 Likes
Highlighted
Shopify Partner
856 129 146

This is an accepted solution.

In that case just do revert the edits you've done and add the following code at the end of the file for testing: 

body:not(.template-index) .main-content {
    padding-top: 0px!important;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
22 0 2

That worked, thank you!

0 Likes