Changing menu button color

Hi,
I’d like to change the color of the menu buttons. How do I go about doing that?
Thanks!

Hi,

To change the color of the menu items button, add the code below in Appearance > Customize > Additional CSS

.x-navbar .desktop .x-nav > li > a, 
.x-navbar .desktop .x-nav > li > a:hover {
    border-color: red;
    background-color: red;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Change red to any color you like.

Hope that helps.

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