Topic: MegaMenu Dropdown on Hover animation
Expected behavior In the static position of the MegaMenu, I can navigate through the submenu links without any problem. Actual behavior In Hover mode, when the mouse pointer is over the title, the MegaMenu opens normally below, but if I move the mouse pointer over the MegaMenu items, it closes (disappears). What would be the method so that when I'm on the link in the navigation bar and the MegaMenu opens, I can move to it without it disappearing?
Thank you very much for your help. Alain
Resources (screenshots, code snippets etc.)
CSS:
enter code here
.nav-item {
padding: 0.5rem 0xp;
}
.dropdown-hover:hover>.dropdown-menu { display: inline-block; }
.dropdown-hover>.dropdown-toggle:active { /Without this, clicking will make it sticky/ pointer-events: none; }
JS:
enter code here
Does this example not work as you expect? https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-dropdown-on-hover
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: -
- Device:
- Browser:
- OS:
- Provided sample code: No
- Provided link: No