How to remove the underline from the header menu in Dawn team?

[icllksknt1]

When I'm on the home page the header works as expected. After I click on a menu item, then all the menu items are underlined. You can refer to the screenshot. I only would like only the selected menu item to be underlined. 

You can also review my shop via https://iatp19-1s.myshopify.com/ (if this doesn't work please try toskana.store because currently I'm waiting for the domain verification)

Any help is much appreciated! 

[Made4uo-Ribe]

Hi @icllksknt1 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header-wrapper--border-bottom {
    border-bottom: 0 !important;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[websensepro · Accepted solution]

Hi @icllksknt1 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.header__active-menu-item {
    text-decoration: none !important;   
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[icllksknt1]

Many thanks 🙂 enjoy your coffee!

[TheUntechnickle]

Hey @icllksknt1,

In your base.css find .header__active-menu-item, and delete or comment the property text-decoration: underline. It should then remove all the underlines 🙂

Let me know if you want us to do it for you, we'd love to. 

Cheers!
Shubham | Untechnickle

[Tech_Coding]

Hello @icllksknt1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  span.header__active-menu-item {
      text-decoration: none !important;
  }

  span.header__active-menu-item:hover {
     text-decoration: underline !important;
   }
</style>
RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[icllksknt1]

Hello, many thanks for your support! I tried but editing the theme.liquid file didn't work. On the other hand editing the asset file does, fyi. Once again, your help is appreciated 🙂