Menu above header

  • dbphoto1981

    #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

    #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

    #35617

    Thanks syahir, how do I set the top margin?

    Prasanna SP

    #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

    #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

    #35620

    Set the width absolutely, i.e.:

    #header-menu-wrap {
    position: absolute !important;
    margin-top: -235px;
    z-index: 15;
    width: 940px;
    }

    dbphoto1981

    #35621

    Thanks, thats done it 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.