Remove all header white space

Hi,

I am color blind. If you don’t mind. Please post a screenshot with annotation to the white space you want to remove.

Or perhaps, someone will assist you.

Thanks!

Hi Denzel, I have created a new page on the site that is private and has marked up header so you can see the section I am trying to get rid of and have the nav move up.
Link to screenshot.

Thanks very much for your help.

Hi,

Your url leads to a 404 page, not a screenshot.

Thanks!

Sorry. Would you please click the link again. My mistake. It should work now.

Thanks again for your help.
best wishes,
Sydney

Hi,

Please use the following code in your Theme Options -> Custom CSS

#wrapper {
    position: relative;
    top: -10px !important;
}

Thanks!

That removed the thin dark line but that is not what I am trying to do.

I am trying to remove the bigger section of white space marked “how do I remove this space?”

The arrows were to show you that I want the nav menu to move up under the thin dark 10 px line.

I don’t know how to make my question clearer. Sorry, I am failing at this.

I will change the screenshot but please use the same link. Please click it again and I will try to make clearer the part I want gone.
Thanks!!

Hi,

Try the following.

.container.container-header.custom-header {
    display: none !important;
}

Thanks!

That did it. Unfortunately , it got rid of the dark green line at the top that matched the site’s background image, too, but we can live with that.
If there is no way to keep it, then we will go without.

Thanks for your help.

Hello, i’m trying to do the same thing, but when i put the codes on custom css, header white bar continues there, this is what i put in custom css:

#wrapper {
    position: relative;
    top: -10px !important;
}

.container.container-header.custom-header {
    display: none !important;
}

What i’m doing wrong? Thanks.

PS: I’m very newbie with those things =P

Hi Merrim,

Please post your website url.

Thanks!

https://brutalsgamers.es/

Thanks!

Hi,

Please use the following code in your Theme Options -> Custom CSS

.header {
    display: none !important;
}

Thanks!

Done, now it’s working properly, very thanks for the help =D

Thanks!

Hi Merrim,

You are welcome! Hope you consider purchasing the premium version!

Thanks!