Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1199667
    piexec
    Participant

    http://catch23.piexec.com/

    Please help.

    How do I:

    1. Remove the WHITE underline from the links in the primary nav?
    2. Move the YELLOW underline from underneath the Nav links to ABOVE them, and only on hover. Not on active page.

    Thanks in advance!

    #1199936
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Add this in your custom > CSS:

    1.

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

    2.

    .x-navbar .desktop .x-nav > li > a:hover{
    box-shadow: 0px -3px 0px 0px #ffd204;
    }

    Let us know how it goes.

    Thanks.

    #1210645
    piexec
    Participant

    I’m still getting the white bar under the menu items on hover.

    #1211020
    Friech
    Moderator

    Hi There,

    Please update the #1 CSS code to this:

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

    Hope it helps, Cheers!

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