Fullscreen Menu Disable the Links Under


I have a problem with the fullscreen menu. When scrolling the page, the menu wrapper covers all the content below, leading to disabled buttons, hover effect, etc. Here is a video explaining the problem https://youtu.be/WiknSi2N224. Please let me know if you know how to fix it. Thank you!!

Here is the read-only link: https://preview.webflow.com/preview/elevat-iot?utm_medium=preview_link&utm_source=designer&utm_content=elevat-iot&preview=e7ef5111908793cc0d33ad12cabe2f3d&mode=preview

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


I would try to hide the “dev 6 menu wrapper” element on the second click. I mean: On the second click - add hidden interaction to “dev 6 menu wrapper” element.


I just tried to hide the wrapper on the second click, but it still does not work. Also, the menu only comes out one time, which means I need to do a show interaction. Do you have an idea of how to change it? Also, is it possible to hide it before the trigger? Thank you!!!

Here is the link: https://preview.webflow.com/preview/elevat-iot?utm_medium=preview_link&utm_source=designer&utm_content=elevat-iot&preview=e7ef5111908793cc0d33ad12cabe2f3d&pageId=5ce4601f881a4d767d5dae45&mode=preview

Just figured out! Thank you!!