Docs

[mgerney]

I have the hover color for the navbar set in the Ethos theme bar as #ae1f28 – but when I hover or select an item on the main nav bar, it does not change color. I recently moved all my customizations from the custom box to the child stylesheet, and then lost my hover color. The submenu is working correctly but not the main bar. Here is what the navbar customizations are:

.x-navbar .x-nav > li > a {
border: 10px;
border-color:#c4c4c4;
}
.x-navbar .desktop .sub-menu a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a {
color: #ffffff !important;
}

.x-nav-wrap.desktop {
background-color: #c4c4c4 !important;
min-height: 35px !important;
float: left !important;
width: 100% !important;
margin-top: 10px;
}
.x-navbar .x-container.width {
width: 100% !important;
}
.x-navbar {
background-color: #AE1F28;
}

.x-navbar .desktop .x-nav > li > a {
color: #000000 !important;
}

.x-navbar .sub-menu {
background-color: #000000 !important;
font-family: ‘Open Sans’, serif !important;
font-size: 16px !important;
}

.x-navbar .sub-menu a:hover {
color: #ae1f28 !important;
}
.x-navbar .x-nav > li > a {
padding-left: 0;
padding-right: 0;
margin-left: 0px;
margin-right: 80px;
}
my site is: http://oaklandpublishingservices.com/MyGolf2

Thanks.

[Lely]

Hello There,

Thank you for posting in and giving us your site URL. Upon checking it is only set for submenu. Please also add the following in your child theme style.css

.x-navbar .desktop .x-nav > li > a:hover {
    color: #ae1f28 !important;
}

Hope this helps.

[mgerney]

Thanks

[Zeshan]

You’re welcome! 🙂

[Author]

Posts