Hello Promptal

Please go to Template Options -> Custom Code -> Custom CSS and add this CSS

#sp-header .sp-megamenu-parent>li:hover>a {
    color: #150766;
    border-bottom: 2px solid black;
    line-height: 2;
    padding-top: 55px;
}

Best regards

How can i make the line slide under menu items. It is now underlined.

Sorry, we do not provide customization support. I have shown you the way. Please customize the CSS and check.

Hello Thanks for the support, is it possible to reduce line width? It overlaps the menu item.

Yes, possible with CSS. Please share a screenshot of your issue. I will try to give a fix.

(https://www.tillsbeachhaven.com/apt5/images/Screenshot_170.png)