Header is overlapping menu.

• 

  cablueprinting · Member · May 6, 2013 at 8:06 pm

  • Copy link
  • Add topic to favorites

  Pretty self explanatory when you see it…

  The blog I need help with is: (visible only to logged in users)

• 

  cablueprinting · Member · May 7, 2013 at 4:33 am

  • Copy link

  SOMEONE HELLPP!!!

• 

  cablueprinting · Member · May 7, 2013 at 6:31 am

  • Copy link

  I cant figure this out…..

• 

  designsimply · Member · May 7, 2013 at 1:53 pm

  • Copy link

  That is happening because of the following CSS you added:

  .site-header {
  	position: relative;
  }
  .main-navigation {
  	position: absolute;
  	top:135px;
  	width:100%;
  }

  This is a really good help page about the topic in case you’d like to read up on it:
  http://css-tricks.com/absolute-positioning-inside-relative-positioning/

  To fix the issue based on your custom CSS, I would change “top:135px” to “bottom:-30px”

• 

  cablueprinting · Member · May 7, 2013 at 6:42 pm

  • Copy link

  Thank you!

  No how do I make the header go all the way to the top??

• 

  thesacredpath · Member · May 9, 2013 at 1:25 am

  • Copy link

  It appears like you got this sorted out. Let us know if you did not.

• 

  designsimply · Member · May 14, 2013 at 12:01 am

  • Copy link

  Just so the forum has the answer posted, I checked the site and found that this CSS was how they got rid of the extra space above the header in the Twenty Twelve theme:

  #masthead {
  	padding-top: 0;
  }
  .header-image {
  	margin-top: 0;
  }