Menu above header « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Menu above header

(7 posts) (3 voices)

Started 3 months ago by dbphoto1981
Latest reply from dbphoto1981
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

dbphoto1981
Member
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
Posted 3 months ago #
Syahir Hakim
Developer

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.

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!

Posted 3 months ago #
dbphoto1981
Member

Thanks syahir, how do I set the top margin?

Posted 3 months ago #
Prasanna SP
Moderator

Marking thread as resolved. You can do this yourself as well. The same issue has been addressed in this thread - http://forum.graphene-theme.com/graphene-support/moving-page-title-to-above-header

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 3 months ago #
dbphoto1981
Member
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.
Posted 2 months ago #
Syahir Hakim
Developer
Set the width absolutely, i.e.:
```
#header-menu-wrap {
    position: absolute !important;
    margin-top: -235px;
    z-index: 15;
    width: 940px;
}
```
Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!
Posted 2 months ago #
dbphoto1981
Member

Thanks, thats done it :)

Posted 2 months ago #

Topic Closed

This topic has been closed to new replies.