Main Menu still on the top when scrolling

Hello Colorlib Heroes,

I need to fix my menu-bar on the top of the screen to prevent it from disappearing.
my WIP page : http://emiliecottam.com/

I’ve tried your code in additional CSS :
nav.outOfSight {
transform: translate3d(0px, 0px, 0px);
transition: all 0.3s ease;
}

but nothing happens… do you think I forget something ?

Thanks a lot

Hi there

Try this css instead:

header#masthead {
    position: fixed;
    z-index: 9999;
}

Regards

Thanks a lot, but it works partialy.

Menu-bar stay at the top but now:
it’s not 100% width
in other pages menu-bar overlay header picture

for example here : Portrait – Emilie Cottam

Thanks for your help

Hi

Ok, lets update your code to this:

header#masthead {
    position: fixed;
    z-index: 9999;
    width: 100%;
}
.main-container {
    top: 98px;
    position: relative;
}

Regards

Wonderfull !

It works perfectly, thanks to you Colorlib Hero !

Thank you too and happy new year :slight_smile: