Expanded Cart gets masked within Nav Bar when adding a show/hide interaction to it

Hey guys, pleasure meeting you all.
I finally decided to build my first e-commerce site on Webflow and I’m struggling with a weird bug that I can’t seem to solve.

I am trying to make my nav bar hide when scrolling down and show when scrolling up. Followed a very simple tutorial and managed to do so without problems, however, when I add the interaction needed for this behavior to happen, my cart dropdown seems to become “masked” within the nav bar and thus, making it impossible to see its contents when expanded.

Here is a read-only link, just in case anyone know how to solve this!
https://preview.webflow.com/preview/vevaw?utm_medium=preview_link&utm_source=designer&utm_content=vevaw&preview=ba272e99c988b2daa7490fd50d4ba9a9&mode=preview

By the way, as soon as I remove the interaction from the nav bar, the cart is instantly fixed, so the problem is surely with the interaction to hide/show it.

Thanks!!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)