Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #879565
    dlongm01
    Participant

    Hi

    I have been altering my link colours using both CSS and the settings in the customizer. It’s more or less OK but I have now got a situation where the hom page link on myh nav menu is alwas set ot the hove colour when I am on the home page.

    But if I navigate to a different page the hover colour clears.

    My site is here: http://mirandanet.ac.uk

    I cannot figure out why this is happening or how to change it. However, on reflection what I would like to do is to use this accident as a feature. How could I set the colour of the active menu to the hover colour?

    Your advice is appreciated. Thanks.

    #879975
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> 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: rgb(157,22,45);
    }

    Hope it helps.

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