Decrease spacing between header and page on Brooklyn theme

Solved
amckie
Tourist
32 0 3

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
JHKCreate
Shopify Partner
2499 412 595

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
0 Likes
amckie
Tourist
32 0 3

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

Password is shophere

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

0 Likes
JHKCreate
Shopify Partner
2499 412 595

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
0 Likes
amckie
Tourist
32 0 3

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
JHKCreate
Shopify Partner
2499 412 595

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
amckie
Tourist
32 0 3

That worked, thank you!

0 Likes
lisaliboon
New Member
5 0 0

Hi JHK!

I'd like to mirror the spacing of my products page to all pages found in my footer menu. There's just too much white spaces in the header of about, faqs, and contact page. Hope you could help me out thanks!

url: thequinoa.co, password:01

Screen Shot 2021-02-20 at 12.53.46 AM.png

 

Screen Shot 2021-02-20 at 12.54.09 AM.png

  

0 Likes