Header is overlapping menu.

  • Author
  • #1259536

    Pretty self explanatory when you see it…

    The blog I need help with is fourthingsbycablueprinting.com.




    I cant figure this out…..


    That is happening because of the following CSS you added:

    .site-header {
    	position: relative;
    .main-navigation {
    	position: absolute;

    This is a really good help page about the topic in case you’d like to read up on it:

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


    Thank you!

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


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


    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;

The topic ‘Header is overlapping menu.’ is closed to new replies.