We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
26 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
12384 2560 3749

@Alex3251 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | 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