Shopify Design

chocolatte1234 · ‎02-02-2023

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 · ‎02-02-2023

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;
}

Please let me know if it works by giving it a like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Let’s create a unique website design with PageFly for free now!

chocolatte1234 · ‎02-02-2023

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

GemPages · ‎02-02-2023

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