Thicker black line than usual for menu hover

49 0 17

Screen Shot 2023-02-02 at 2.40.03 PM.png

 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: theme: Dawn

Replies 3 (3)
Shopify Partner
728 262 202

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. 

Make your Instagram Feed a Sales Generator with VIBE Shoppable Instagram Feed.

49 0 17

Screen Shot 2023-02-02 at 3.26.04 PM.png

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

Shopify Partner
5586 1259 1117

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>


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

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center