How can I decrease the header margin in the Debut theme?

[KrisGuo]

Hello, can I check what should I do to reduce the margin between 1) logo to announcement &  2) menu to the end of header.

my theme is debut.

Thank you!

[Nick_Marketing]

To see the source code, please provide the site URL.

[KrisGuo]

Hello, 

Is this the domain that is required?

three-musketeers-liquor-delivery-pte-ltd.myshopify.com

sorry am new to shopifty.

Thank you

[Nick_Marketing]

The home page is password protected.

[KrisGuo]

password is cetrea

[Nick_Marketing · Accepted solution]

To adjust top padding, find .site-header.logo--center (currently set at 20px), in theme.css files. 
To minimize the bottom padding: Find .site-nav--centered in the theme.css file.

I did a few tweaks in the browser, this is how it looks after correction.

 
I hope the answer is sufficient!

[KrisGuo]

Thank you Nich!

[Nick_Marketing]

My pleasure! If anything, reach out!

[KrisGuo]

Sorry nich, I only manage to find one site-nav-centered, that is for the bottom only. where do I find the top one?

cheers

[Nick_Marketing]

The pass has changed. Please, let me double-check.

[KrisGuo]

Hello nich, the pass is creat

[Nick_Marketing]

Try finding: .site-header.logo--center in the theme.css

 🙂

[KrisGuo]

hello, nich found it thank you! cheers

[KrisGuo]

Hello, Nich. I have made the change but, it doesn't seem to work.

Also, can I change the margin for logo to menu too?

The pw is still creat. Sorry for the trouble.

[Nick_Marketing]

Try changing the padding-top to, say 2px, instead of -50px.

To make other changes tweak around with CSS elements that modify the class="site-header logo--center".
Look with the Inspect Element tool in the Chrome browser. It's easy, just takes time to get it right.