Header is overlapping menu.
-
Pretty self explanatory when you see it…
The blog I need help with is: (visible only to logged in users)
-
-
-
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”
-
-
-
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.