I don’t know if this is a bug, but it’s quite frustrating nevertheless.
I have a mega menu on a site that, up until today, was working the way I expected. After making lots of changes as I’ve been working on it, the dropdowns no longer display on large screen sizes. However, the fly-outs work fine in mobile view.
Checking the inspector shows me the HTML structure is present in desktop view. The content just doesn’t show.
I had a look at that and it seems with position set to absolute for some reason left: -242.344px; is set. I zero out left: 0; change it to position: fixed your mega menu shows up. Even when I change it to left: 0; it changes back to that mad number if position is set to absolute.
The element that contains the mega menu and has the scroll animation set on it has an overflow property set to clip, which will effectively hide the dropdown.