Navigation
Archive / How to remove link underlines on hover in navbar?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 18, 2016 at 9:46 am #997489
    BMC
    Participant

    Hi, how can I remove the link underlines on hover in the navbar? There are several older threads about this, but none of those solutions work with the most recent version of X. Thanks!

    Also, with X, is it preferred to edit the .css stylesheet directly within the child theme or use the css field in the customizer?

    May 18, 2016 at 10:53 am #997580
    Joao
    Moderator

    Hi There,

    Please add the following code on your Appereance / Customizer / Custom / CSS

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

    Hope that helps,

    Joao

    May 20, 2016 at 10:30 am #1001668
    BMC
    Participant

    Thanks! This worked just fine.

    May 20, 2016 at 12:07 pm #1001818
    Rahul
    Moderator

    You’re welcome!

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