Navigation
Archive / Remove lines from menu items
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 13, 2016 at 5:31 pm #1085743
    Marco C
    Participant

    Hi guys,

    I’ve been trying to remove the yellow lines on the main menu that appears on hover.
    Any hint? The page address is dev.visitpaddington.com.au

    Thank you in advance!

    Marco

    July 13, 2016 at 11:43 pm #1086205
    Prasant Rai
    Moderator

    Hello Marco,

    Thanks for writing in!

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

    .x-navbar .desktop .x-nav > li > a:hover {
    box-shadow: none !important;
}

    Thanks.

    July 25, 2016 at 6:31 am #1101666
    Marco C
    Participant

    Hi Prasant,

    thank you for your help. I’m working with a child theme btw
    It doesn’t correctly: when the pointer leaves the menu item the yellow line appear for a split second…

    Any suggestions?

    Thank you in advance!

    Marco

    July 25, 2016 at 6:34 am #1101674
    Paul R
    Moderator

    Hi Marco,

    You can try this code instead.

    
.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 !important;
}

    Hope that helps.

    July 27, 2016 at 4:14 pm #1105926
    Marco C
    Participant

    Hi Paul,

    it’s working now! thank you heaps!

    Marco

    July 27, 2016 at 7:58 pm #1106226
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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