One of my client's site has a blue underline when we hover on the menu item. As the client added a sub-item to the "Services" menu item, the underline under the services menu item started appearing without even hovering. I want the line to appear only when the user hovers on the menu item. Here's the site URL please check yourself: https://honestfinance.co.uk
Wordpress default menus are being used.
Check the other menu items, when you hover only then the line appears. When I inspect the element, as I remove the "current-menu-ancestor" subclass from this menu item it starts working perfectly as I want. How can I remove this class? Or any alternative solution?
I have tried removing the "current-menu-ancestor" subclass from the theme's style.css file but it has no effect. The theme being used is "Salient" Wordpress theme.