How can I display a div over the IonHeader

I’m using Ionic React and Swiper js to transition between slides on a single IonPage. The page should always have a header with buttons except for when the swiper reaches a certain slide (with a div), which should take up the whole screen. I’ve tried setting the z-index for the header/slide but that doesn’t seem to work. Please help!