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

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: