Need help? Check out our Support site, then


Header is overlapping menu.

  1. Pretty self explanatory when you see it...

    The blog I need help with is fourthingsbycablueprinting.com.

  2. SOMEONE HELLPP!!!

  3. I cant figure this out.....

  4. 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"

  5. Thank you!

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

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

  7. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic