Navigation
Archive / How do I remove menu highlights showing above the menu item when hovering?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 26, 2017 at 6:13 pm #1420927
    mk_design
    Participant

    Hi,
    Just wondering How I remove menu highlights showing above the menu item when hovering? They are the orange lines above the menu item in the top menu that show up when hovering the mouse or clicking on them. I am using X v4.6.4.
    Thanks.

    March 27, 2017 at 12:07 am #1421181
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    To remove it, you can add this under Custom > Edit Global CSS in the Customizer.

    
.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 {
    box-shadow: none;
}

    Hope that helps.

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