Support » Theme: evolve » Remove all header white space

  • Please take a look at MarlissMelton.com
    See the white space between the thin strip of green at the top and the main horizontal nav menu? How can I make it disappear?

    I tried setting the header to 10 px, which is the height of the green strip, but there is still a default header. I tried container vs. cover for the header setting, but that seems to make he green line get bigger and cover the white space that I am trying to get rid of.

    Any help much appreciated.

Viewing 14 replies - 1 through 14 (of 14 total)
  • 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!

    Thread Starter SJBaily

    (@sjbaily)

    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!

    Thread Starter SJBaily

    (@sjbaily)

    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!

    Thread Starter SJBaily

    (@sjbaily)

    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!

    Thread Starter SJBaily

    (@sjbaily)

    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!

    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!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Remove all header white space’ is closed to new replies.