Ask your WordPress questions! Pay money and get answers fast! (more info)

Messed up headers WordPress

  • SOLVED

I have a site, www.culverphotobooth.com 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)

2013-03-21

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

to

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

2013-03-21

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 http://www.culverphotobooth.com/wp-content/themes/g6feature/style.css

2013-03-21

Asad Iqbal answers:

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

#header-menu

add the following 2 line into there


margin-top: 20px;
opacity: 0.9;