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.
Hello @owynter,
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.
Cheers,
@Louis I just saw that there now, good find!
Sorry for my late response.
That works, perfectly.
I had set it to fix a sideways scroll issue that was popping up.