Hello,
Kindly share the website URL, So I’ll inspect and be able to suggest the solution accordingly.
-
This reply was modified 4 years, 10 months ago by
Abhishek.
Hi,
as @abhikr781 said, please share the website URL so we can provide a small CSS snippet for you to paste in an modify.
signature moderated:
https://ww.wp.xz.cn/support/guidelines/#do-not-spam
Surely.
I am using the Custom Header
Here is my site
I want to add a white border around the menu items, on hover.
Thanks
Hello,
Thank you for sharing the URL.
Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.
a.hfe-menu-item:hover {
border: 2px solid #ffff17;
}
PS- Change the color, border size according to need.
@abhikr781 This works perfectly. Just two more additional things to this:
1. If I wanted the above to work for sub menu/dropdown items as well?
2. What if I wanted to show the border throughout?
Thanks
Hello,
1. Kindly replace the previous code with this one.
a.hfe-sub-menu-item:hover, a.hfe-menu-item:hover {
border: 2px solid #ffff17;
}
2. Do you mean for all the links on the page or for all the menu items?
@abhikr781 For 2, I meant for all menu and sub menu items, the borders appear statically and not just on hover.
Kindly try the below code.
a.hfe-sub-menu-item, a.hfe-menu-item {
border: 2px solid #ffff17;
}
Perfect @abhikr781 .
Thank you so much for the iterative solutions.
You are most welcome and glad to hear that solution worked well.😊
