Menu HIghlighting

  • Hello Everyone can you please help me make some changes, in order when I click on a sub menu, from the drop down, and I click on one of the link. Is stays highlighted, but the main (parent link) is not highlighted can you suggest me where to make changes or where to look.

    the URL is the following (https://bekov.net/public/AF/?page_id=40), so when you click on one of the link on under Social Responsibility such as HSE you only have HSE highlighted by not Social Responsibility. Can you please advise what to do.

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)

  • use the present .current-menu-parent and/or .current-menu-ancestor classes for styling.

    using a tool such as Firebug can help to identify the incolved css selectors and styles. https://getfirebug.com/

    Thread Starter fast4u

    (@fast4u)

    Thank you for your reply.

    Now it is highlighting everything ??

    can you see this code please.

    Thank you

    .sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    color: #FFF;
    background: #B81007;
}
.current-menu-item a {
    color: #FFF !important;
    background: #B81007;
}
.current-menu-parent a {
    color: #FFF !important;
    background: #B81007;

    I’m sorry but it is beyond the scope of these forums to deal with pure CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead. In the meantime, using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter fast4u

    (@fast4u)

    My apologies, for miss-posting.

    As usual I never find help on these forums.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu HIghlighting’ is closed to new replies.