Mega Menu with hover effect is flickering when trying to get cursor from link to menu

[holubar]

If there is hover effect used and the themega menu is wider, like 3 column, user natuarally goes with cursor across the next link which will cause flickering of the open menu and it actually closes before the user gets to the menu. If users goes with cursor straight down, behaviour is OK.

Is there a way to prevent this?

https://preline.co/docs/mega-menu.html

[Bootstrap-Paradox]

Hey @holubar, had this issue, there was an issue with the bounding area for the element that there was space between the Hover element and the Dropdown element.

Try removing the offset between the two elements either through padding or the Offset Options

[olegpix]

If there is hover effect used and the themega menu is wider, like 3 column, user natuarally goes with cursor across the next link which will cause flickering of the open menu and it actually closes before the user gets to the menu. If users goes with cursor straight down, behaviour is OK.

Is there a way to prevent this?

https://preline.co/docs/mega-menu.html

Hi, please, try to use and modify the example from this page https://preline.co/examples/page-pricing.html. The main idea is to change the height and position of the before: pseudo-element of the dropdown list (see screenshot).