Desktop Menu Showing Transparent

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;

}

Hello @joescopesocial,

Thanks for writing in! :slight_smile:

You need to double check if you use the correct selectors in your CSS.

Here are resources that can help you find the correct ones using Google Chrome Developer Toolbar:


Can you share us your Wordpress URL/User/Pass in a Secure Note so we can also take a look?

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.