How can we remove the underlined headers from mega menu on Dawn?

[TiendasMD]

I am trying to remove the underlined menus in Dawn, but despite trying many lines of code I've not been able to solve the problem. Would anyone please help? Thanks very much!

[mrashid]

@TiendasMD store url?

[TiendasMD]

Hi Mr Rashid, 

This is my shopify address: d3dc7f-af.myshopify.com

[comercioservice]

@TiendasMD  hope you are well,

Please go to

1) Online store

2) Themes -> Edit theme

3) Layout

4) base.css and paste this code on the end

.header__inline-menu details[open]>.header__menu-item {
    text-decoration:  none !important;
}
.header__menu-item:hover span {
    text-decoration:  none !important;
}

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

[TiendasMD]

Thanks very much Round! I've tried, but unfortunately, i am still seeing the underlines on the same headers

[comercioservice]

@TiendasMD , can you share your store URL so that I can check and fix this bug 
please thank you

[TiendasMD]

Thanks very much Round! Have sent the details to your PM.

Best!

[comercioservice]

Thank you, for your time 🙂

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @TiendasMD  I can help you. Please can you provide the passwork your website url.

Thank you.

Best regards,

Noah | PageFly

[ZestardTech]

Hi @TiendasMD 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.header__menu-item:hover span {
text-decoration: none;
text-underline-offset: .3rem;
}
.header__inline-menu details[open]>.header__menu-item {
text-decoration: none !important;
}