Reduce padding in header

Link to site would help please.

Here it is: https://social-be.be/

Try:

.wpbb-header-spacer {
  height: 0px;
}

If not, we need to adjust an element-style which may override this.

.wpbb-header-spacer {
  height: 0px !important ;
}

should work if first code doesn’t do it.

It worked thanks!
I adjusted it to 10px because at 0px, it was cutting the top of my logo off.
Thanks for helping on this!

@gscohier

Could you tell me how you centered the menu below the logo, it looks great !!

Thanks

@gscohier

I really like that, too!

Of course. ??

Here it is:

.navbar-wrapper .brand {width:100%;display:block;}
.navbar-wrapper .navbar {width:100%;float:right;}
.wpbb-header-spacer {
height: 10px !important;
}

You’ll also need to untick the “Force logo dimensions to max-width:250px and max-height:100px ” in the Customiz’it bit.

The .wpbb reference isn’t needed – it’s a plugin, I believe.

you’re right I tried a branding plug in but didn’t like it so took it off.

@!gscohier

Appreciate the help, thanks loads.

Hey gscohier,
I really like what you did with the circles, changing them to the rounded corner 35mm slide looking treatment on your home page. (your Social Media, Resources, etc.) I’d really like to do a version of that on a page I’m building. Would you share the procedure?

Thanks