Navigation Collapsed: Close on Mouse Out

Hi there!

Is it possible to close the collapsed navigation when we hover away?

BTW: This code is working great for closing the navigation on click:

/* Navigation Collapsed (Off Canvas) - Close on Click */

jQuery(function($) {
$('.x-menu-collapsed .x-anchor').on( "click touchstart", function() {
$('.x-off-canvas-close').click();
});
});

Thanks a lot in advance!

Hey Finlando,

That is technically possible. However, that would fall beyond the scope of our support since it would require custom development. You need to contact to a 3rd party developer to help you with this.

Thank you for understanding.

Hi @thai,

This one works. Here we go…

/* Navigation Collapsed (Off Canvas) - Close on Mouse Leave */

jQuery(function($) {
$('.x-off-canvas-content').on( "mouseleave", function() {
$('.x-off-canvas-close').click();
});
});

Cheers!

Glad you’ve sorted it out and thanks for sharing :slight_smile:

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