still multiple highlighted menu items

  • pierrehansen

    (@pierrehansen)


    5 years, 3 months ago

    Hello hello, I tried everything to prevent multiple menu items to be highlighted but still “teaser 1” and “teaser 2” are hightlighted at the same time when clicked on “teaser 1”. (class “mPS2id-highlight” is added to both.) The page is build with Elementor.

    “Prevent other scripts from handling plugin’s links (if possible)” is set to true.

    “Allow only one highlighted element at a time” is set to true.

    Only basic classes are added:

    .teaser-navigation ul.menu li a {
    color:#00A15B;
    font-weight:400;
    }
    .teaser-navigation ul.menu li a.mPS2id-highlight {
    color:black;
    }

    Any idea?
    Thanks!
    Best regards
    P.Hansen

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

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

    (@malihu)

    5 years, 3 months ago

    Hi,

    In plugin settings disable “Keep the current element highlighted until the next one comes into view” and “Allow only one highlighted element at a time” options.

    Set the following value in “Highlight selector(s)” option field:

    .teaser-navigation .menu-item a

    Click save changes.

    Change your CSS to use .mPS2id-highlight-first instead of .mPS2id-highlight: 

    .teaser-navigation ul.menu li a.mPS2id-highlight-first {
    color:black;
}

    Test and let me know 🙂

Viewing 1 replies (of 1 total)

The topic ‘still multiple highlighted menu items’ is closed to new replies.