Black Friday Sale! Get up to $40 off GP Premium!Learn more

Reply To: Menu Plus colour by CSS

Home Forums Support Menu Plus colour by CSS Reply To: Menu Plus colour by CSS

#187376
Tom
Lead Developer
Lead Developer

It’s not possible with options, but it is with CSS:

@media (max-width: 768px) {
    .main-navigation.slideout-navigation .main-nav ul li a {
        background-color: #222;
        color: #FFF;
    }

    /* on hover */
    .main-navigation.slideout-navigation .main-nav ul li a:hover,
    .main-navigation.slideout-navigation .main-nav ul li.sfHover a {
        background-color: #222;
        color: #FFF;
    }
    
    /* current menu item */
    .main-navigation.slideout-navigation .main-nav ul .current-menu-item > a {
        background-color: #222;
        color: #FFF;
    }
}

Hope this helps 🙂