Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1265345
    micody
    Participant

    Hello,

    I am building a site using the Renew stack, and I want a more simple navigation style.

    I don’t want the lines but I do want to use an alternative colour for hover.

    I would also like the button for the active page to be in the alternative colour and in bold.

    Any help would be appreciated.

    Thanks

    #1265346
    micody
    Participant
    This reply has been marked as private.
    #1265370
    Thai
    Moderator

    Hi There,

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

    Hope it helps 🙂

    #1266681
    micody
    Participant

    Perfect. Thanks 🙂

    #1266691
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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