How to make the menu fixed at the top

[jpcouss]

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.

[Andy]

Try this instead:

#page {
    margin-top: 50px;
}

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

[jpcouss]

Thanks a lot!

[Author]

Posts