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

Hello,

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:

https://stoplight-site.webflow.io/
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

Hi, did you ever figure this out? I’m having the same problem :frowning:

For anyone who encounters this issue in the future - I found a solution. There was a transform being applied to the nav element upon screen resize, so I added a custom code block to override it:

@media (min-width: 992px) {
  nav {
    transform: unset !important;
  }
}