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

15 0 3

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
17 0 1

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
11515 2438 3530


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