Header with sticky position hide automatically

Question

I have a sticky bar like this:

header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
}

The header looks like this: https://pastebin.com/j063TiCy

It's working but at one point, the menu auto-hides. I want it to stay displaying for the whole page:

https://i.sstatic.net/D5tOc.jpg

Thanks in advance for the help.

Answer 1

i think you shuould use position:fixed; left:0;right:0; top:0;