Menu item doesnt get highlighted

  • takkularapsis

    (@takkularapsis)


    4 years, 7 months ago

    Hi,

    When clicking the link “AJANKOHTAISTA” that takes to blog posts, menu item doesnt get highlighted as it goes nicely in front page?

    Also when getting back from that page to front page, menu items doesnt get anymore highlighted.

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

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    4 years, 7 months ago

    Hello,

    In order to highlight the menu links while scrolling the page, you need something like this: 

    .main-navigation .main-nav ul li[class*="current-menu-"] > a.mPS2id-highlight{
    color: #fba825;
    border-bottom: 3px solid #fba825;
    background: rgba(255,255,255,0);
}

    If you want to highlight only when the links are clicked, you can change it to: 

    .main-navigation .main-nav ul li[class*="current-menu-"] > a.mPS2id-clicked{
    color: #fba825;
    border-bottom: 3px solid #fba825;
    background: rgba(255,255,255,0);
}

    If you add the above, you can remove the .mPS2id-clicked CSS you added with the !important rules.

    Also, in order to highlight all links in your menu, you need to disable “Allow only one highlighted element at a time” option (if you don’t want multiple links to highlight we can use another way).

Viewing 1 replies (of 1 total)

The topic ‘Menu item doesnt get highlighted’ is closed to new replies.