Streaming live at 10am (PST)

Mobile overlay failing to close properly

I’m trying to get the mobile menu open/close experience ‘just’ right in our staging environment. However, when clicking the close button and triggering the close interaction, I see the following element is being left in a really bad state:

<div class="w-nav-overlay" data-wf-ignore="" style="height: 3738px; display: block;"></div>

The “height: 3738px;” style here is… problematic. That’s added after showing a full page element and then hiding it. I’ve spent a fair amount of time trying to figure out if there’s anything I can do to prevent this annoyance from triggering. I’ve tried switching from transforms to just display:none/display:flex on the Mobile_Menu class, and that produced the same issue (current state). Prior to this, I was keeping the content off screen and moving along the x-axis back and forth…

My share link is: https://preview.webflow.com/preview/resetbutton-46360183279c18dd3037523dad7?utm_medium=preview_link&utm_source=designer&utm_content=resetbutton-46360183279c18dd3037523dad7&preview=8443a3c2b14c306155a63b715e80e103&mode=preview