How to remove the underlines in the navigation on hover

Hi! I am having a hard time removing these lines that show up in the navigation and replacing them with new code that looks more like the default animated lines. These ones look more like underlines and not sure how to get rid of them.

I have already tired this code in css: 

.header-nav-wrapper a {
    background-image: none !important;
}

Website here:

https://www.designerkandb.com/

TIA!

I viewed the website and I see the main navigation links at the top of the page with no underlines. There are underlines upon hovering each link but they look like animated lines.. a very nice effect. Have you refreshed your browser page?

If you want to completely remove the underlines upon hover you can try this:

.header-nav-wrapper a:hover {
    text-decoration: none !important;
}

Thank you! I added the code and still nothing. Its very odd - never seen this happen before

6 minutes ago, madisonb said:

Thank you! I added the code and still nothing. Its very odd - never seen this happen before

Have you tried .header-nav-list instead of .header-nav-item ?

Thank you everyone for the help!