Change Nav Menu Item's Bottom Border On Hover

[gregorylmartin]

Hey,

My site is https://foleypools.com and I’d like to change the Get An Estimate menu item in the nav to have an orange bottom-border color whenever you hover over that item and after you click on it.

Anybody know how to do this?

Thanks!

[jade]

Hi there,

Please add this code in the Global CSS:

.x-navbar .desktop .x-nav > li#menu-item-103 > a:hover {
    box-shadow: 0 2px 0 0 rgb(227,107,2);
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome
• CSS Box Shadow - https://www.w3schools.com/cssref/css3_pr_box-shadow.asp
• CSS Color - https://www.w3schools.com/cssref/css_colors.asp

Hope this helps.