Reducing Header empty Space

Hey. Firstly you can make your changes via the theme’s inbuilt custom CSS editor. In your dashboard area go to Appearance->Theme Options, then scroll down to the custom CSS panel. Making changes here means that you can revert back to the theme’s original code at any time, so there’s no need to be scared about making changes. ??

In the custom CSS editor, try the following code to reduce the top header space:

#site-logo, #hgroup, #header-right {
padding-top: 20px;
padding-top: 2rem;
}

And for the bottom header space:

#hgroup-wrap{
padding-bottom: 10px;
padding-bottom: 1rem;
}

Change the values for padding-top and padding-bottom as you wish. Note: the top value, given in px, should be 10 times the value of the bottom value, given in rem. This is in order to provide support for older browsers.

Hope that helps, let me know if anything needs clarifying

Hey,first thanks for your kind help …. I will try now to apply it, and feed you back. ??

It works …. thanks a lot, really appreciated.

Glad it worked! ??