Shopify themes, liquid, logos, and UX
Hey guys i've noticed when right clicking, left clicking on any menu item it gives this gray border, i was wondering if this could be removed. This is for the header menu.
You'll be able to see in the image below. When hovering over the FAQ, Services and Careers, it just goes red i would like it to do the same for the header menu (home, categories etc)
Thank you!!
Site link - https://directcomputers.myshopify.com
Password - flowma
Solved! Go to the solution
This is an accepted solution.
@Anonymous
}
.site-navigation .navmenu-depth-1>li>a:hover{
color: #ed1f24;
}
Remove old code and add this.
@Anonymous
Please add the following code at the bottom of your assets/theme.css file.
.site-navigation .navmenu-link-depth-1:focus, .site-navigation .site-header-account-link a:focus{
outline: none !important;
}
Hope this works.
Thanks!
Perfect it's got rid of the borders, do you know how to make the hover over go red like the top menu bar?
Thank you so much!
@Anonymous
Sure, please add the following code for the hover.
.site-navigation .navmenu-depth-1>li>a:hover{
color: #ed1f24;
}
It doesn't seem to be working anything i'm doing wrong?
@Anonymous
Yes, you missed a closing bracket of the above given code.
Ahh my bad thank you so much top stuff all working!
@Anonymous
It's my pleasure to help you. 🙂
This is an accepted solution.
@Anonymous
}
.site-navigation .navmenu-depth-1>li>a:hover{
color: #ed1f24;
}
Remove old code and add this.
I also have this issue but this solution didn't work on the Empire theme. It's a new issue the past few weeks, wasn't always doing it. Do you have any further insights please?
Please share your store URL.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024