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?

Singapore Alcohol Delivery—Three Musketeers Liquor Delivery (3MK)

sorry am new to shopifty.

Thank you

[Nick_Marketing]

The home page is password protected.

[KrisGuo]

password is cetrea

[Nick_Marketing]

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.