I want to remove the fill and border when hovering over drop down menu links. I styled it so the menu items will italicize and be light grey when hovered over but I dont want the box surrounding the selections. Ive attached a photo for reference. Where the text is light grey, is where my cursor is and “home” is the page that i was actively on. Thanks!
Topic summary
A user wants to remove the fill and border box that appears when hovering over dropdown menu items. They’ve already styled the menu so text italicizes and turns light grey on hover, but want to eliminate the surrounding box effect.
Current Status:
- User provided a screenshot showing the unwanted hover state (grey text with box border)
- The cursor position indicates the active hover state on the “home” page
Response:
- Another user requested the store URL and password to inspect the code and provide an exact CSS solution
The issue remains unresolved pending access to the store for troubleshooting.
Hello @noobieguy , Please share your store URL and password so that I will check and let you know the exact solution here.
Thanks.