I'm trying to remove the default underline text decoration when you hover over text links. You can see it on the site logo, the main navigation, and in the bulleted links in the footer.

I've search for other tickets and tried adding this to the Additional CSS:

ul.menu.m-header-default-menu li.menu-item.current_page_item > a,
ul.menu.m-header-default-menu li.menu-item > a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

I hit publish and refreshed the website. However, that didn't help.

What else can I do?

Thanks! That worked.

Hi there!

I'm adding this css lines you are saying but the underline links still appear. 

All the lines I added:

ul.menu.m-header-default-menu li.menu-item.current_page_item > a,
ul.menu.m-header-default-menu li.menu-item > a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
a,
a:hover,
.elementor a,
.elementor a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}