Hello,
Does anyone know how to remove the underline from shop when hovering over subcategories?
Thanks in advance!
Link: https://qz26pn-cv.myshopify.com/
Password: bagono
Topic summary
A user sought help removing an underline that appeared on the “Shop” menu item when hovering over its subcategories in their Shopify store.
Initial Solution Attempt:
- A responder provided CSS code to add to
theme.liquidabove the</head>tag - This solution removed all animated underlines, not just the specific “Shop” underline
- The user wanted to preserve their existing animated underlines while only removing the subcategory hover effect
Working Solution:
- Another contributor provided targeted CSS code to add via Custom CSS in Theme settings:
details[open]>.header__menu-item {
text-decoration: none !important;
}
- This successfully removed only the unwanted “Shop” underline while preserving other animated underlines
Status: Resolved. The user confirmed the second solution worked perfectly.
1 Like
Hi @GoombaGrows
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Hello,
That got rid of my animated underlines but the shop underline is still there when hovering over subcategories. I would like to keep my animated underlines but remove the shop underline when hovering over subcategories
Hi @GoombaGrows
Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
details[open]>.header__menu-item {
text-decoration: none !important;
}
This worked!! You are amazing thank you so much :)))