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

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)

Shopify Partner
24 0 8

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.

Shopify Partner
12321 2551 3712


Please share your store URL!


If helpful then please Like and Accept Solution | Email: |  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

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