Oxygen bug fix: Sticky Header overlaps Modal and Gallery lightbox

Categories:
Tags:
, , ,

I'm sure many of you have come across a situation where the Oxygen Header element, with the "Enable Sticky Header" option enabled, overlaps any objects on the site (being constantly in the topmost layer), including the Modal and the Gallery lightbox. The fact is that the initially sticky header has a huge z-index value. See example:

Oxygen bug: sticky header overlaps Modal and Gallery lightbox

This is how it looks in the source code:

The fact is that the initially Oxygen sticky header has a huge z-index value

It would be better if the Oxygen team set the default z-index of the sticky header to around 100, for example. However, this is not the case yet and you have to manually change this value each time:

Set z-index manually for Oxygen sticky header

Here is such a small and non-obvious trick and your problem is solved.

arrow-up