Underline link on header when user hover over

Site URL: https://www.revitlearners.com

Hi-

I'm using the Paloma template, and I'd like to make the links in my header underlined when user hover over. Same color.

Help?

Thanks!

site password: Amanda123!

Add to Home > Design > Custom CSS

.header-nav-item>a:hover {
    text-decoration: underline;
}
.header-nav-folder-item:hover a {
    text-decoration: underline;
}

On 7/18/2020 at 11:42 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav-item>a:hover {
    text-decoration: underline;
}
.header-nav-folder-item:hover a {
    text-decoration: underline;
}

 

Dear Tuanphan,

How can I adjust this code so that the underline is closer to the navigation title ?

Is there a way to adjust this so that it's also visible on mobile, and so there's some space between the underline and the text?

On 1/26/2023 at 2:03 AM, Janetgrr said:

Is there a way to adjust this so that it's also visible on mobile, and so there's some space between the underline and the text?

Use this

.header-nav-item>a:hover {
    text-decoration: underline;
}
.header-nav-folder-item:hover a {
    text-decoration: underline;
}
.header-menu-nav-item a:hover * {
	border-bottom: 1px solid black;
}