How to make Header Appear Over Popup Backdrop

Hello,
I’m attempting to make my header still visible and intractable even when a popup is active on the screen, similar to the searchbar in the screenshot provided. I still want everything else to be greyed out, and I’ve tried messing with the Z-index but nothing has worked so far.

Thanks in advance for the help!

It would help if you send link to the page. Without link it’s difficult to say what is the problem. But in general with classic Bricks header and Bricks popup, if you set this css, it should work and the header should be over popup:

#brx-header {
   z-index: 10001
}  ;