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

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

TiendasMD
Tourist
5 0 1

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!

 

TiendasMD_0-1718222556917.png

 

Replies 9 (9)

mrashid
Shopify Partner
169 17 15

@TiendasMD store url?

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
TiendasMD
Tourist
5 0 1

Hi Mr Rashid, 

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

round
Shopify Partner
113 18 10

@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
 
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
TiendasMD
Tourist
5 0 1

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

TiendasMD_0-1718224784626.png

 

round
Shopify Partner
113 18 10

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

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
TiendasMD
Tourist
5 0 1

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

Best!

round
Shopify Partner
113 18 10

Thank you, for your time 🙂

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

PageFly-Noah
Shopify Partner
1317 233 268

This is Noah from PageFly - Shopify Page Builder App

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

Screen Shot 2024-06-13 at 09.35.44.png

Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ZestardTech
Shopify Partner
5636 1031 1359

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;
}

 

ZestardTech_0-1718256155168.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing