Navigation
Archive / Remove Hover Underline on Renew Menu Items
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 10, 2016 at 4:55 pm #1126246
    DiamondAlexander
    Participant

    Hello!

    I would like to remove the hover underline under the two social icons in my menu. I would like the rest of the menu items to have that underline as it is a one-page site. I tried this, selecting for just that menu item with no luck.

    #menu-item-125 .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 !important;
    }

    I appreciate your help!
    Diamond

    August 10, 2016 at 4:55 pm #1126247
    DiamondAlexander
    Participant
    This reply has been marked as private.
    August 10, 2016 at 11:03 pm #1126684
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    li#menu-item-125 >  a:hover > span { box-shadow: none !important;}

li#menu-item-126 >  a:hover > span { box-shadow: none !important;}

    Thanks.

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