Strange Underline?

[RinardMedia]

Hello there! We are working on replicating a header for a client; however, there is a strange underline appearing when you hover on the menu items (development link: https://wordpress-183485-1091846.cloudwaysapps.com/). It seems to be showing up on the header links because it was also on the “partner login” button, but I targeted that element and was able to remove it with a class. The same method is not working on the navigation element though.

A previous designer had a custom header on there that had to be removed, but we don’t know if that’s part of the issue.

[christian]

Hey @RinardMedia,

Please check the screenshot below. Are you referring to the underline pointed by the arrow? If so, it’s coming from a third-party CSS that targets all links. I used the browser’s element inspector to know that, by the way.

If you need that third-party CSS, what you can do is override the style by applying a more specific CSS like assigning a class to the Navigation Inline to target the links. A similar approach to that would be to use the Element CSS. If you’ll use the Element CSS, the code would look like this.

$el a:hover {
    text-decoration: none;
}

-----------------------------------------------------------------------------------

If you’re referring to other lines, please give us a screenshot to give us an idea where we could find it.

Hope that helps.

[RinardMedia]

Thank you so much! That fixed it.

[lely]

You’re always welcome @RinardMedia!

Glad @christian_y was able to help you here. Cheers!