X Pro Header Builder - Underline Nav Text

[gregorylmartin]

Hi,

I’m using the X Pro Header Builder and I can’t seem to figure out how to get my text to underline whenever I hover or for whatever page I’m currently on in the navigation menu.

I can get the particle set up to where it puts a border at the bottom of the nav under certain nav items, but I don’t want that, I just want to the text to be underlined.

Is there not a setting for that, or does that need some fancy CSS work?

Thanks

[gregorylmartin]

I’d like to get the Particle for the Top Links set up to where it’s an underline rather than a line all the way at the bottom of the nav, but I just can’t seem to figure out how.

[thai]

Hi There,

To achieve that, please add this custom JS:

setInterval ( function(){ 

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

 }, 500 );

Hope it helps

[gregorylmartin]

That did not work.

[rad]

Hi @gregorylmartin,

The particle option is not active in your top-level menu (TopLinks). Please remove that script for now and make sure your inline menu’s top links particles are active.

And please provide the correct admin login credentials in case I have to check your menu setup.

Thanks!