Thicker black line than usual for menu hover

[chocolatte1234]

 I don't know why when I hover over 'ingredients' the black line is so much thicker than other item in the menu. It's almost like they are 2 lines.  i think it's because 'ingredients' has sub menu. How do I fix that? I don't want the two thick lines.

My shop: https://6fa09b.myshopify.com/ theme: Dawn

[PageFly-Kate]

Hi @chocolatte1234 

I’m Kate from PageFly - Landing Page Builder, I’d like to suggest this idea:

Step 1: You go to Online store -> Theme -> action -> Edit code choose file theme . liquid

Step 2: You add code in tag body file theme .liquid:

.full-unstyled-link a:hover{
    text-decoration: none !important;
}

[chocolatte1234]

Unfortunately  it is still there after adding the code 😞 Any other suggestion? It seems to be on top of the other line

[GemPages]

Hello @chocolatte1234

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
      ul.list-menu > li:hover >a > span, 
      ul.list-menu > li:hover .mega-menu >.link > span {
          text-decoration: underline !important;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team