Need help? Check out our Support site, then


Header is overlapping menu.

  1. cablueprinting
    Member

    Pretty self explanatory when you see it...

    The blog I need help with is fourthingsbycablueprinting.com.

  2. cablueprinting
    Member

    SOMEONE HELLPP!!!

  3. cablueprinting
    Member

    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. cablueprinting
    Member

    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