z-index issue with React JS and Tailwind CSS. I cannot hide the icon and the text behind the mobile navbar when I open it. It just pops up over the mobile menu. I wrote Mobile Navbar icon functions in Navbar.js and Scroll Down items in Home.js (Seperate files)
[enter image description here](https://i.sstatic.net/hJT5n.png)
I tried position absolute with z-index (absolute z-3), but I couldn't manage to solve the issue.
If you want to hide it, you can use the visibillity property and set it to hidden (CSS)
