Published on Aug 15, 2019

Sticky Header and Gallery Lightbox in Oxygen

Sridhar Katakam

Update: As Alex writes, “You need to specify an explicit z-index in the sticky header settings. If not specified, it defaults to a value of several million.”

There is no need to add the below CSS.


Looking for a way to fix sticky header covering up the lightbox in Oxygen‘s galleries?

Note: If your header has set to become sticky after scrolling down a certain distance, on initial page load the problem will not be present. But after scrolling down when the sticky appears, that is when the lightbox will appear below the fixed header.

Just add this CSS to fix:

body .pswp {
z-index: 2147483640;
}

Before:

After:

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right