Navigation
Archive / Navbar submenu color when item has children
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 21, 2017 at 8:31 am #1414889
    Mbzo
    Participant

    Hi, I changed the Integrity (light) navbar background to a dark color for greater contrast and main navbar links are white on hover. Submenu link color is defined in custom css panel.
    But this created an unexpected problem with the visibility of a submenu parent item that has children.
    This item changes to white (inherited from main navbar link) when the third level dropdown menu is open.
    I want the parent item to stay visible or not change color.
    Here are some screenshots to explain:

    March 21, 2017 at 8:34 am #1414891
    Mbzo
    Participant
    This reply has been marked as private.
    March 21, 2017 at 10:50 am #1415106
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .x-navbar .desktop .sub-menu .x-active > a {
    color: #000;
}

    Hope it helps 🙂

    March 22, 2017 at 12:49 pm #1416537
    Mbzo
    Participant

    Thanks but it didn’t work. When the 3rd level dropdown is visible the second level parent item remains blank.

    March 22, 2017 at 10:12 pm #1417144
    Prasant Rai
    Moderator

    Hello There,

    Please use following CSS and let us know how it goes:

    .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a {
    color: #999;
}

    Thanks.

    March 23, 2017 at 9:46 am #1417727
    Mbzo
    Participant

    Not yet.
    Here is a screenshot:

    March 23, 2017 at 9:47 am #1417729
    Mbzo
    Participant
    This reply has been marked as private.
    March 23, 2017 at 11:08 am #1417857
    Joao
    Moderator

    HI There,

    Please add the following code to Appereance Customizer Custom CSS

    .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a {
color: grey !important;
}

    Hope it helps

    Joao

    April 5, 2017 at 7:32 am #1428952
    Mbzo
    Participant

    Thanks, Joao. That did it.

    April 5, 2017 at 2:33 pm #1428970
    Nabeel A
    Moderator

    Glad we could help!

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