Menu above header

dbphoto1981
February 6, 2013 at 5:50 pm #6786
Hi all, am trying to work this out and have searched for how to do it, basically I want to put the menu on my page above the header image, I have tried the following but it puts it behind and not centrerd? any help would be great.
```
#header-menu-wrap{

position:absolute;

top:80px;

left:180px;

}
```
This is my page so far: Casa Grande
Admin

Syahir Hakim
February 7, 2013 at 1:13 am #35616

You would have to move the header image down so that it doesnt obscure the menu. Try setting a top margin on the header image.

dbphoto1981
February 7, 2013 at 8:35 am #35617

Thanks syahir, how do I set the top margin?

Anonymous
February 7, 2013 at 3:10 pm #35618

Marking thread as resolved. You can do this yourself as well. The same issue has been addressed in this thread – https://forum.graphene-theme.com/graphene-support/moving-page-title-to-above-header
dbphoto1981
March 13, 2013 at 5:27 pm #35619
Hi, sorry to re-open but I have noticed this works in google chrome, but in IE and firefox browsers, it is not long enough, is there a way to get this to fit the width of the page?
```
#header-menu-wrap {

position: absolute !important;

margin-top: -235px;

z-index: 15;

width: 66.4%;

}
```
I have that and is fine for google chrome, but too short in the other browsers?

Thanks.
Admin
Syahir Hakim
March 14, 2013 at 2:06 am #35620
Set the width absolutely, i.e.:
```
#header-menu-wrap {

position: absolute !important;

margin-top: -235px;

z-index: 15;

width: 940px;

}
```
dbphoto1981
March 14, 2013 at 3:00 pm #35621

Thanks, thats done it 🙂