Hi there.
I have a new menu that we are building and works on hover on desktop.
It should work only on hover, but when the dropdown toggle is clicked, instead of closing, it becomes bigger… I believe this is a bug of some sort? How can I fix this?
Eg Lets say I am in desktop and hover the About section. Menu opens. But if I click on About, instead of closing down the menu, it becomes bigger. Can anyone help me with this?
Hi there,
To configure dropdown menus to open on hover instead of click:
- Select your dropdown component
- In the Settings panel, enable the “Open menu on hover” option
- If the dropdown closes too quickly when hovering away, you can adjust the close delay:
- Find the “Close delay” setting in milliseconds
- Increase this value to keep the dropdown open longer
For dropdowns that still close unexpectedly, you can also try:
- Removing top margins from the dropdown list
- Removing bottom margins from the dropdown toggle
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.