Fixed Header Being Overlapped

Question

I have a fixed header which is I want on the very top of the webpage in terms of stacking. I gave it a really high z-index but it is still being overlapped by other content. How can I get it to overlap all other content. My website is here

Answer 1

z-index property shouldn't have px as value. Change it to z-index:1000; instead.

The images (with round numbers in it) also have z-index:1000. You should decrease it so that layering will be effective.

Answer 2

You should remove the "px" from your z-index value. Like this:

z-index:1000;

Answer 3

First of all remove px from your z-index property.

And your image also have same z-index value(i.e. z-index:1000;).