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

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

Alex3251
Excursionist
23 0 8

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
25 1 10

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
12321 2552 3729

@Alex3251 

Please share your store URL!

Thanks!

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