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).