How do I change the header size at the top of the page?

How do I change the header size at the top of the page?
When I roll the page down the size is dimunuido automatically, and it gets good! But when the page is at the top the header gets a bit wider … How do I make it narrower?

My website:

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#masthead {
    padding: 5px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

OK it worked. Thank you!
And how do I shoot this header transparency effect when I roll the site to the top? I want to make it simple, only with the static white background

I just got the CSS:

#masthead {
     position: fixed!
     background: #ffffff! important;
}

Thank you Roman!

Great! You are welcome :slight_smile:

Kind Regards, Roman.