Remove white space above header

  • Author
    Posts
  • #2980714

    lordlibidan
    Member

    I’m trying to reduce the white space above my header on https://lordlibidan.com however just can’t work out how to get it to change.

    Any help is appreciated. Thanks!

    The blog I need help with is lordlibidan.com.

    #2980890

    jaymendoza34
    Member

    Hi lordlibidan,

    It looks like there’s 27px of padding on the “site” class, which is pushing the logo down a bit.

    Currently that declaration looks like:

    .site {
    padding: 27px;
    }

    which will created 27px of padding around all content on your site. If you want to remove the space at the top, one way of doing this would be to change the above code to something like:

    .site {
    padding: 0 27px 27px;
    }

    which will retain the padding on the sides and bottom, but remove it at the top. There are other ways to accomplish your ask but this is definitely one way of doing it.

    Hope this helps!

    Regards,
    Jay

    #2980903

    lordlibidan
    Member

    Is there a way to remove the white space in ONLY the header, and not the rest of the content on the site?

    #2980941

    jaymendoza34
    Member

    Hi lordlibidan,

    You could consider a snippet like the following:

    #masthead {
        top: -70px;
        position: relative;
    }

    to accomplish that.

    #2981026

    lordlibidan
    Member

    I’ve tried both in style.css but neither appear to do anything. Am I doing something wrong here?

    #2981027

    lordlibidan
    Member

    Nevermind! Forgot to clear the cache!

    #2981064

    Hi @lordlibidan, on the site you referenced, since it is self-hosted, the best place to ask for help is in the WordPress.org support forums.

The topic ‘Remove white space above header’ is closed to new replies.