Remove white space above header

• 

  lordlibidan · Member · Jul 3, 2017 at 3:07 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  jaymendoza34 · Member · Jul 3, 2017 at 4:37 pm

  • Copy link

  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

• 

  lordlibidan · Member · Jul 3, 2017 at 4:54 pm

  • Copy link

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

• 

  jaymendoza34 · Member · Jul 3, 2017 at 5:49 pm

  • Copy link

  Hi lordlibidan,

  You could consider a snippet like the following:

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

  to accomplish that.

• 

  lordlibidan · Member · Jul 3, 2017 at 8:24 pm

  • Copy link

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

• 

  lordlibidan · Member · Jul 3, 2017 at 8:45 pm

  • Copy link

  Nevermind! Forgot to clear the cache!

• 

  thesacredpath · Member · Jul 4, 2017 at 7:14 am

  • Copy link

  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.