Brooklyn Theme Pages: Remove White Border on Top

[Ziado4]

Hello,

I am using the Brooklyn theme, and I created an FAQ page. However, there's too much white spacing that I'm trying to remove, but to no avail.

Here is a screenshot of what I'm talking about:

Any help would be much appreciated!

Thanks a ton!

[JHKCreate · Accepted solution]

Hi @Ziado4 ,

Add the following code to your theme.scss: 

@media screen and (min-width: 769px)
{
body:not(.template-index) .main-content {
    padding-top: 10px!important;
}
}

Let me know if that works for you!

[JHKCreate]

Hi @Ziado4 

Would you mind sharing your store's URL so we can check this for you?

[Ziado4]

Of course!

thenobleshopper.com

Thanks a ton!

[JHKCreate · Accepted solution]

Hi @Ziado4 ,

Add the following code to your theme.scss: 

@media screen and (min-width: 769px)
{
body:not(.template-index) .main-content {
    padding-top: 10px!important;
}
}

Let me know if that works for you!

[Ziado4]

OMG you're a life saviour! Yes, it did work.

A follow up question however, do you know how to decrease the margin between the title (FAQ) and the content (the first question)?

Thank you one more time! 

[JHKCreate · Accepted solution]

Fantastic! Don't forget to Mark As Solution & Like to make the answer more visible to the community, Cheers!

Add this for your follow up question:

header.section-header.text-center {
    margin-bottom: 10px;
}

 
Cheers!

[Ziado4]

Works perfectly again, thank youu!