Lightbox popup displays behind header

[GDufresne]

we have a few pages with lists of medical conditions. Click on a condition and an external page with information is displayed. This part works fine.

If however, any of the header is showing when the condition link is clicked, the iframe opens behind the header. If we scroll down so none of the header is showing when we click the link, the header does not show.

Here’s an example: [http://prohand.com/conditions-of-hands/]

So the question is, how can I get the iframe popup to open in front of the header, when the header is visible?

Thanks in advance

[wpCommerce]

Hi, We might need to apply some CSS tweaks to fix this issue. I have sent you an email for it. Let me know if you don’t receive it.

[GDufresne]

Solved and thank you. The theme is Avada, I just took the css code you located for me:

.fusion-header-wrapper {

position: relative;

z-index: 10010;

}

Pasted it into the custom css field and lowered the z-index until the popup lightboxes where in front of the header.

I’m guessing that if I’d had the css code for the lightbox z-index I could have done the same by raising the value.

Thanks again!

[Author]

Posts