Hide/Show Navbar On Scroll & Sidebar on Navbar Hover

Hi all.

This is my first forum post. I usually tinker for hours before asking for help, but I’m really stumped.

Created a hide/show “navbar” scroll animation, but it cuts off the animation for hiding/showing my “sidebar” when hovering over the “explore” button.

Before hover:

After hover (cuts off at nav bottom):

After switching to “overflow,” it loses white background color despite cranking up z-value to 2000:

Would like it to look something like this on hover:

Any help would be really appreciated.

Here is my public share link: LINK
(how to access public share link)