Shopify themes, liquid, logos, and UX
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
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.
Unfortunately it is still there after adding the code 😞 Any other suggestion? It seems to be on top of the other line
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
User | RANK |
---|---|
163 | |
141 | |
70 | |
66 | |
55 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023