Close modal on mouseout

Support
#1

Apologies for another question about our megamenu modal saga.

We would like to have a similar effect to mousing over a regular menu item, where the dropdown shows on :hover and then closes on non-hover.

We’re using data-x-toggle-hover=“1” to open the modal on hover, that is working fine.

But can’t figure out how to close the modal on non-hover.

We’ve tried several variations such as:
data-x-toggle-close-onmouseleave=“1”
data-x-toggle-close-mouseleave=“1”
data-x-toggle-close-mouseout=“1”

Any idea how we might achieve this? Thanks in advance for your help.

#2

Hi @nickyker,

Thanks for reaching out.
The question comes under customization and custom development, which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you with the customization, or you can avail of our newly launched service called One, where we answer questions beyond normal theme support.

Thanks

#3

Got it, thanks

#4

You are most welcome @nickyker

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.