Navigation
Archive / Change menu hover and current item color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 23, 2016 at 10:32 pm #897102
    alex5252
    Participant

    How do I change the color on a menu item hover and the current selected menu item color? They are currently black and I would like to make them a different color.

    Site is: http://peaceofmindonline.net/

    April 24, 2016 at 5:10 pm #897829
    Nico
    Moderator

    Hi There,

    Please add this in your customizer’s custom CSS:

    
.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, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a
{
color: #FF0;
}

    Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-897102 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>