Navigation Inline Remove animation delay

I’d like to remove the delay in hovering over the navigation items: http://mortgagecoach.testmzltd.com/ (pass: mzltdkey)

I found this article, which has helped quite a bit, but the top-level links still hang on to the x-active class for quite a while. I’d also like to eliminate the delay that appears to come from the JS, but I can’t tell.

Is there a Javascript timing function I can edit in my child theme to fix this? Ideally all of the nav transitions would be 100ms with no delay.

Hi @mzltd,

Thanks for reaching out. There’s no way to adjust the timing of the x-active class. That’s part of the hover intent system that is designed to help with UX and prevent menus from closing out if the user moves out momentarily.

It’s possible with custom CSS to force the color back to black unless you are actually hover on it. We no longer provide custom code as part of free support, but you can ask any kind of customization question you like with a subscription to One.

OK, understood. Thank you — I think I can figure out the text.

Hi @mzltd,

You’re welcome!

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