Underlines in nav still appearing after adding CSS code

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

Hello,

The underlines in my navigation header are still appearing despite adding the custom CSS code:

.header-nav-item--active a { background-image: none!important; font-weight: bold }

I would like for the nav items to remain bold, but it appears that the underlines aren't going away. Please help!

Thank you!

Hi @paul2009 Thanks so much for providing this code! This worked however, my items aren't in bold font. I tried adding this at the end but it didn't work font-weight: bold } 

11 hours ago, uhohitsheidiho said:

This worked however, my items aren't in bold font.

When I checked the site (before providing the code to remove underlining) there wasn't any bold formatting. However, you can add bold formatting for the active page by adding:

.header-nav-item--active a { 
  font-weight: bold!important;    
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so much @paul2009 !

Hi @paul2009,

Sorry to have to reopen this ticket, the codes you provided are working but I notice that when you click on the case studies listed under the "work" menu, "work" nav item isn't bold. It stays bold on the "home" nav item. Could you please advise?

Thank you!

-Heidi