Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Messed up headers WordPress


I have a site, where the header looks correct. However, when you click on a an individual post, it cuts off part of the header. I've looked at everything with Firebug and can not figure why everything starts slightly higher on the individual pages which causes the problem. I'm sure it is one line of code but I can't find it using my tools. Thanks.

Answers (3)


Navjot Singh answers:

On your main page the class used is header-menu-2 to wrap the menus but on single pages it is header-menu. Change that and it would work again.

Navjot Singh comments:

Change this on your single pages

<div id="header-menu">


<div id="header-menu-2">


Kiet Luong answers:

try this to add : margin-top: 20px;

#header-menu {
background: url("images/growing/menu-bg.jpg") repeat-x scroll 0 0 #FCFCFC;
border-color: #EFEFEF;
border-style: solid;
border-width: 1px;
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.03);
height: 40px;
margin-left: -1px;
<strong>margin-top: 20px;</strong>
position: relative;
z-index: 1000;

line 497 in


Asad Iqbal answers:

in style.css on line number 497 there is a block named:


add the following 2 line into there

margin-top: 20px;
opacity: 0.9;