Pro: Active menu item styling

[KEXINO]

Hi there,

I’ve added particle animation hovers on top-level menu links. I’m looking for a way to add the styling I’ve created to the active menu item, so visitors have a clear visual cue as to which page they’re on.

I found this link from a year ago. I tried adding the .js that’s suggested there, but it didn’t work.

Is there a way of doing this now? Or do I need to style without particles (e.g. text color and/or shadow on hover) instead?

[thai]

Hi There,

Please try adding this custom JS under Theme Options > JS:

setInterval ( function(){ 

jQuery('.current-menu-item a').addClass('x-active');
jQuery('.current-menu-item a .x-particle').addClass('x-active');

 }, 500 );

I’ve tried on my local installation and it’s working perfectly:

Please make sure your Pro theme are up-to-date as well:

https://theme.co/changelog/

Let us know how it goes!

[KEXINO]

Yes, it works. Thanks.

I had entered the js previously, but didn’t bother checking the front end. The work-around does indeed work, but I can’t see it from within Pro.

Thanks again.

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.