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.
Let’s create a unique website design with PageFly for free now!
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 |
---|---|
217 | |
149 | |
60 | |
49 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023