Header is overlapping menu.

  • Author
    Posts
  • #1259536

    Pretty self explanatory when you see it…

    The blog I need help with is fourthingsbycablueprinting.com.

    #1259799

    SOMEONE HELLPP!!!

    #1259800

    I cant figure this out…..

    #1259812

    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”

    #1259820

    Thank you!

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

    #1259827

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

    #1259847

    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.