Navigation
Archive / Custom Navbar Submenu Highlight Link Color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 13, 2016 at 12:15 pm #880427
    fullframenw
    Participant

    Hello! How would I go about changing my navbar’s submenu links where the highlight color is different than the text?

    April 13, 2016 at 12:16 pm #880429
    fullframenw
    Participant
    This reply has been marked as private.
    April 13, 2016 at 9:47 pm #881298
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    To change the the navbar’s submenu links, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-navbar .desktop .sub-menu a {
    color: red;
}

.x-navbar .desktop .sub-menu .current-menu-item > a, 
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a:hover, 
.x-navbar .desktop .sub-menu li:hover > a {
    color: blue;
}

    And feel free to change the colors that would match your site colors.
    Hope this helps. Please let us know how it goes.

    April 14, 2016 at 10:36 am #882457
    fullframenw
    Participant

    That has worked wonderfully. Thank you so so much.

    April 14, 2016 at 9:19 pm #883420
    Lely
    Moderator

    You’re welcome!

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