Avatar of Peter Nordberg
Peter Nordberg
Flag for Sweden asked on

Modal on top of all other objects in css layout

I have this css layout with a modal popup that I want to be on top of every other element.

You can see the actual code in this Codepen example

The problem I have is that some of the objects in the header are not hidden behind the modal (see image below)

My question is how to fix the css so that the modal covers every other part of the page, including the header objects.

(adding and removing showPopup class will show or hide the popup so you can see how the layout looks without the popup).


Avatar of undefined
Last Comment
Chris Stanyon

8/22/2022 - Mon
Chris Stanyon

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck