How to remove underline link on dropdown header menu? (Dawn 2.0)

Alex3251
Excursionist
23 0 7

To remove the underline link for the header menu, in base.css I've added 

 

.header__menu-item:hover span, .header__active-menu-item {
    text-decoration: none;
}

 

and it worked great! However, when I hover it and the dropdown menu appears, the links have underline. What code should I add to remove the underline from there too? Thank you so much!

Replies 3 (3)

mthdvd
Shopify Partner
24 0 7

Hey, Alex!

 

This is going to be difficult to answer unless you provide a link to your website.

 

it could be as simple as: 

 

text-decoration: none !important;

 

But without being able to see the actual code, there just isn't a whole lot to work with.

dmwwebartisan
Shopify Partner
12280 2546 3694

@Alex3251 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

AnnaBeiderman
Tourist
10 0 4

I have Dawn version 6.0.2

Find this:

 

"details[open] > .header__menu-item {

  text-decoration: underline;"

 

Change "underline" to "none" hope it helps