How to remove the line under the menu in Dawn Theme?

Store Design
1

Hello,

I am looking to remove the line under the menu when I open the page . I am using Dawn Theme

Website: almahadesign.com

2

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

Regarding your concern to remove the underline when opening the page, please help me to follow these steps, and before making any changes to your theme file. Remember to duplicate your theme first.

Step1: Online store > Themes > Edit code > Search : base.css

Step2: paste this code to the very end of the file:

.header__active-menu-item {

text-decoration: none !important;

}

If you want to remove the underline when hover the menu, add this code too:

.header__menu-item:hover span {

text-decoration: none !important;

}

In case you want the underline back, just delete the code.

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

PageFly

1 Like