Underline on hover in header

[RevealHM]

Hi! We would like the words in our header to be underlined upon hover. How is that possible? Thank you.

[tristup]

Hi Ashley,

Thanks for reaching out.
If you are using Navigation Inline element, you can use the Particles to show the underline to the menu items on hover. I would suggest you go through the following article and especially Primary Particle Setup.

Navigation Inline | Themeco Docs

Hope it helps.
Thanks

[RevealHM]

Thank you.
How can I reduce the space between the line and the menu item so that the line is right underneath the word?

[tristup]

Hi Ashley,

It depends on the height of the menu, I would suggest you adjust the height and check if that works for you.

Thanks

[RevealHM]

Where do I adjust the height of the menu? In primary, I changed height to 0 from 1 and it didn’t make a difference.

[prakash_s]

Hello Ashley,

It seems that you are using the custom Header where you have set the custom height of the Header bar, I would suggest you please set the custom height of the Header bar as auto or decrease the height of the bar and then check it again.

Thanks

[RevealHM]

Thank you!

[tristup]

Hi Ashley,

You are most welcome.