How to move the nav menu above the header?

  • Kreachure

    #4329

    Hi, what is the easiest way to move the navigation menu bar above the header (but below the top bar)? I’m sorry if this question has been asked before, but I couldn’t find a thread about this myself.

    Admin

    Syahir Hakim

    #27675

    Easiest way would be using CSS. Since the header and the navigation menu has constant height, it’ll be easiest to use absolute positioning.

    Kreachure

    #27676

    Oh wow, you’re totally right. It’s much easier than I thought! For anyone else who may want to do this, all I needed to do was increase the height of the top bar (with #top-bar{height:###px;}) to make space for the menu, and then simply make the nav menu absolute-positioned, to move it where I want it:

    #header-menu-wrap{
    position:absolute;
    top:80px;
    left:180px;
    }

    Thanks very much for your help! 🙂

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

You must be logged in to reply to this topic.