I have created a couple mega menus with two columns.
The mega menus do not appear directly below the parent menu item. It seems like their edges are flush to the left or right of the main content area.
This causes a problem when the user moves their mouse to the mega menu – in doing so they may roll over empty space and so the mega menu disappears.
I would like the edge of the mega menu to line up with the edge of the parent menu.
Is there a way to do this?
I’ve gone around the problem by creating 3 columns. This makes the mega menu very wide and so the problem doesn’t happen.
It would be good though to know how to make it look nice with only 2 columns.