Hi there,
I’ve been having an issue with my website after updating my menu colours only on desktop (works fine on mobile). When you hover over the menu to show the submenu, the text that opens in the submenu is white font on desktop only. I want it to be black background for desktop too and for some reason it won’t work. I need this fixed because the site mainly a white background so you can’t see the menu items anymore. Let me know how I can fix this issue.
CSS:
Global CSS:
.x-navbar .mobile .x-nav li > a {
color:white !important;
}
.x-navbar ul.sub-menu{
background: 000000 !important;
opacity: 1;
}
ul.sub-menu{
opacity:1 !important;
}
Additional CSS:
.x-navbar-inner {
min-height: 45px;
background-color: #000;
}
.x-navbar .desktop .x-nav>li>a {
color: #fff;
}
.x-btn-navbar.collapsed {
color: #fff !important;
}
a.x-btn-navbar.collapsed {
background-color: #000 !important;
color: #009273 !important;
}