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…