Mega-nav not sizing properly after opening Mobile nav and then resizing window back to Desktop view


A little bit of an edge case here…but I have built out a mega-nav with different views for Desktop vs Mobile. The issue:

  • When viewing on my laptop, I open the nav and it works as designed
  • I resize my browser window to get the Mobile view, open the nav and again looks fine
  • I resize back to the Desktop view, open the nav and the mega-nav no longer displays correctly. It appears to be stuck in the Mobile sizing instead of obeying the larger breakpoint styles.

Any ideas on how to fix?

Read-only view will be helpful, but to really recreate I think you will need the dev link:
p: st0pl1ght

Here is my site Read-Only: Webflow - Stoplight

Has anyone run across this issue at all when building out a mega nav?

Created a Loom of this issue for reference: Loom | Free Screen & Video Recording Software | Loom