Support » Plugin: Page scroll to id » Two menu items highlighted at the same time

  • Resolved thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)


    I have a minor gripe I am bringing up since I know I’ll be using your plug-in a lot. And seeing as there is some dilligent support going on!

    At the bottom of my page (behandlerweb.williamzeuthen.dk) two menu items are highlighting at the same time, and this is even though I have these checkboxes ticked in plugin settings:

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

    It happens only at the very bottom of the page – last two sections / menu items – and in Firefox. Opera and Safari honors plugin settings as expected.

    Any pointers as to how or work-arounds are much appreaciated. If nothing else maybe it could help you improve the plugin code even more.

    Thanks for a great plugin.
    TheSalvadorDaliOfWebsites

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    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).

    Plugin Author malihu

    (@malihu)

    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?

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    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.

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

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

    Plugin Author malihu

    (@malihu)

    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?

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    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

    Plugin Author malihu

    (@malihu)

    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.

    digitalsmithy

    (@digitalsmithy)

    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.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Two menu items highlighted at the same time’ is closed to new replies.