Home Forums Jorvik How to make the menu fixed at the top

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9985
    jpcouss
    Participant

    Hi, I would like the menu to remain fixed at the top of the page, while the remaining of the pages would scroll below. I have chosen the layout where the menu bar is above the logo area and added the following CSS line :

    #site-navigation
    position: fixed;
    }

    The menu remains fixed at the top, but the logo area is now partially “below” it. How can I prevent that from happening?

    Thank you in advance.

    #9990
    Andy
    Keymaster

    Try this instead:

    #page {
        margin-top: 50px;
    }
    
    #site-navigation {
        position: fixed;
        margin-top: -50px;
        z-index: 9;
    }
    #9998
    jpcouss
    Participant

    Thanks a lot!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.