CSS highlight menu

  • Hi I need help with this CSS

    I have for the current menu a ccs class: .menu-highlight

    the problem is with the active menu,when you are there nothing happens, the menu tet is the color of active menu in other pages. The first two parts work as a charm, the problem is with the active. Appreciate any help. Thanks

    .menu-highlight {
    color: #ffffff;
    background: #d2230f;
    border-color: #d2230f;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    padding: 0px 5px;
    transition: all 0.2s linear;
    line-height:37px;
    }

    .menu-highlight:hover {
    color: #000;
    background: #000000;
    border-color: #FF0000;
    }

    .menu-highligh:active {
    color: #000;
    background: #000000;
    border-color: #FF0000;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @solopedro

    You can easily solve this issue by adding the bellow CSS code into the Customize > Additional CSS.

    However, if you are using child theme then you can simply paste it into the style.css file.

    Please refer the following CSS:

    li.current-menu-item.menu-item-21617 a span {
color: #fff;
}

    I hope that helps. Looking forward to hearing from you.

    Regards,
    Riad

Viewing 1 replies (of 1 total)
  • The topic ‘CSS highlight menu’ is closed to new replies.