Header is to wide (vertically) how do I adjust?

[Michiel Hesseling]

Hello,

On my website http://www.pceerstehulp.com you can see that when you load it in HD resolution or lower, the transparant blue bar with the menu and logo in it is quite wide, vertically. I don’t want it as wide. I can see that I can adjust the margin of the logo to the border, but this doesn’t change much at the bottom and is only marginal. So how can I edit this? How can I adjust the hight of this transparent band? Would be nice if you tell me how to do it, so I can pla with different margins and choose the best one.

TIA

Michiel

[Forum Moderator]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Brad

[Michiel Hesseling]

As you can see there is quite a bit of space above and below the logo/menu. It takes up 3 cm on a screen.
So it would be great if it can be reduced. How do I do this?

TIA

Michiel

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.type1 #topmenu { margin-top:25px;}
.logo { margin: 0;}
.logo img { margin:5px 0;}

Regards,
Brad

[Michiel Hesseling]

Thank you!

[Forum Moderator]

🙂

[Author]

Posts