Mobile submenu colors?

My x-navbar submenu was originally semi transparent but I’ve changed it to white for desktop.

However, the mobile menu (for the homepage only), won’t inherit this change.

I’m trying this:

.home .x-navbar .mobile .sub-menu {
     background-color: #ffffff;
}

It just won’t work. Help?

Hi @lhd333,

You can try this code instead.

.home .x-navbar .mobile ul.x-nav li.menu-item-has-children ul {
     background-color: #ffffff;
}

Hope that helps

Thanks but didn’t seem to change anything. :confused:

Hi,

Sorry, please change it to this

@media (max-width: 979px) {
.home .x-nav-wrap.mobile {
    background: #fff;
    padding: 20px;
}
.x-navbar .mobile .x-nav li>a {
    color: #000 !important;
}
}

Thank you!!!

Glad we were able to help :slight_smile:

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