Header menu broder

Hello,

Kindly share the website URL, So I’ll inspect and be able to suggest the solution accordingly.

• This reply was modified 3 years, 4 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://www.ads-software.com/support/guidelines/#do-not-spam

• This reply was modified 3 years, 4 months ago by Steven Stern (sterndata).

@bloggingwelt Please do not sign posts. https://www.ads-software.com/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.??