WAIT: Mega Menu dropdown glitch

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi gang,I am using the mega menu and seem to be getting a little glitch on hover out. If I hover over menu item 2, d the dropdown works nicely, Then hover over menu item 1, again, works nicely - however, sometimes on roll out of some menu items, the previous dropdown is still showing.

It’s as if the hover-out state is too big or something invisible is affecting things. In fact, sometimes you can just hover near the logo and the dropdown activates.

Link to temp site: https://michaels926.sg-host.com/

Thanks in advance on any help.

2

Hey Mick,

thanks for your report.

Can you maybe record a small screencast demonstrating and explaining what the exact issue is? Quickly played around with the menu on your site and could not reproduce what you describe.

Best,

André

3

Yeah sure, back soon

4

Google Drive Link and thank you.

It happens on different machines on different networks too,

5

Hey Mick,

please add the following custom CSS to your nav nestable and let me know if that fixes your issue:

root .brxe-dropdown:not(.open) > .brx-dropdown-content {
  pointer-events: none;
}

Best,

André

2 Likes
6

Thanks Andre, I’ll try this now.

7

Hey Andre this fixed it mate, thank you so much. I tried everything, now I can see I was so far from fixing it.

Very much appreciated.