Community forum for knowledge and support

Updated 12 months ago

Difficulty keeping mega menu open when hovering

At a glance

The community member is building a website and using the "navbar5_component". They are having an issue where the mega menu dropdown closes as soon as they try to hover over an item in the menu. A community member suggests that the issue is likely caused by a gap between the navigation item and the menu itself, which is usually due to the height or margin between items. They offer to provide more specific help once they can see the project.

SSam Passmore

Hello Lumers,

I am building out a website and using the "navbar5_component" and when I hover on the drop down to bring out the mega menu, its really difficult to get the menu to stay open. As soon as go to hover on an item in the menu it just closes again. I have attached a quick GIF to show you an example.

1 comment

MMatt Johnson

if you wouldn't mind sending a read-only, that would be best. You can DM it if you'd like.

The gist of this issue is that you have a gap between the navigation item, and the menu itself. Its usually caused by either the height or the margin between items. I can be more specific once I'm in the project if need be. Super simple fix though.

Add a reply