Two menu items highlighted at the same time

I should add my menu anchors are set in Elementor on each Section: Section > Advanced > CSS ID and as such they are spanning each section, not just a single anchor point on the site (would be the case if I had placed anchors as an invisible Elementor widget).

Hello,

I just checked you page with Firefox (version 74, Windows 10) and only one element is highlighted. Did you fix the issue or?

In any case, 2 of the 3 options you enabled should not really work together. Since you added the targets on Elementor sections, keep only “Allow only one highlighted element at a time” option enabled (disable the other 2). Save changes and test your page.

Does this help?

Hej Malihu,

Thanks for having a look at it.

The issue of two items being highlighted persisted, but reproduces only in Firefox (v. 75, Mac OS 10.13). According to your advice I made the following setting in plugin settings:

[x] Allow only one highlighted element at a time
[ ] Keep the current element highlighted until the next one comes into view
[ ] Highlight by next target

This setting creates another strange problem: in Firefox menu highlighting now only shows when I’m in WordPress customizer or Elementor edit mode. For some reason menu highlighting is inactive during normal view in Firefox. In Opera and Safari the page displays perfectly.

BTW, for ps2id to take preference over Elementors smooth scrolling I also have this enabled:
[x] Prevent other scripts from handling plugin’s links (if possible)

Any pointers much appreciated,
TheSalvadorDaliOfWebsites

PS.: I’m sending another donation in acknowledgement of your support efforts.

Addition: I cleared the cache in Firefox. This didn’t have any effect on menu behaviour.

Hello again,

Having “Prevent other scripts from handling plugin’s links” option enabled when using Elementor is correct.

I checked again your page in Firefox 75 on OSX (on 2 different macs) and highlighting works as expected (and only one element is highlighted).

Is there a change that something is off with your Firefox? Is the browser zoomed in/out or something? Or maybe some custom css script is applied from a browser addon?

Can you check it with Firefox from another pc/mac?

Are you logged-in as admin in Firefox? Maybe logout and check the page again?

Posting back in hope of this clarification being useful to someone else: the behaviour described above is now only when in Elementor edit mode. PS2ID works very well when logged out of wordpress and visiting the site as a regular user.

Thanks for your support and plugin mr. Malihu.

Best regards,
The Salvador Dali of Websites

You’re welcome. Thanks for clarifying where/how this issue occurred ??

.elementor-item.elementor-item-active {
color:black!important;background-color: #FFFFFF!important;border-bottom-color: grey !important;border-bottom-style: solid !important;border-bottom-width: thick;
}

fixed this error with this code, hope it will help someone.

This is a common issue, as WP has changed how it adds classes to menus items. You can bypass it by changing this:
(menu link) https://mysite.com/#anchorname
to this:
(menu link) https://mysite.com/./#anchorname
Which stops WP recognising it as the same page, but the anchor still works.