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:

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: