toc anchors scroll down too far past heading

  • I have a TOC installed at sab.davidscottlynn.com … I’m using the Gutenberg Block Editor.

    TOC works fine EXCEPT that clicking on any heading within the TOC menu scrolls down slightly PAST the heading of each section. So the visitor cannot see that they are at the correct location unless they scroll back up a bit. … But that is NOT necessarily intuitive for them.

    I’m familiar with Basic HTML, not much with CSS. But I tried to find some code in the Code Editor that I could move up a bit, to the bottom of previous section, so the Title would be fully visible. That worked for me when I put in my own TOC anchors on a different WordPress website (without a plugin), but I do not see how to do that at this site.

    Any Suggestions, Please?

    Thank You Very Much,
    David Scott Lynn

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Magazine3

    (@magazine3)

    Hi, Thank you for reaching out to us. Please follow the below steps:

    1. Go to Toc setting.
    2. Scroll down and locate the “Generate TOC link ids” option.
    3. Enable that option and give it a try.

    For a better understanding please refer to this screenshot: https://paste.pics/Q8KW8

    Please use this option once and clear the cache once. Still facing the same issue please let us know.

    Thread Starter David Scott Lynn

    (@dslyoga)

    HELLO! Thank You Very Much!

    I tried your suggestion, and TOC still jumps down to cover the heading, so the visitor has no idea if they are at the right place. So that is not UX Useable, if you ask me. … Any other suggestions?

    ALSO, the Sticky TOC does the same thing. (Scrolls down a bit too far.)

    AND, your short video on the Sticky TOC shows an “X” in upper right corner of the TOC to Close the menu. But there is NO “X” in MY Sticky TOC. And clicking outside the TOC does NOT close the menu. The only way I can close the menu is I have a Speed Contact Bar that can be at top or bottom of page, and clicking on THAT will close the page.

    So there is no other way to close the menu, except, it WILL close when they click on a TOC item. But, if they do NOT click on a TOC item, the only way to close the TOC is to go all the way to the top or bottom of the page and click outside the page in the Speed Contact Bar, which is v3ry narrow. You can position the bar all the way at top OR bottom, but not both. Clicking on that to close the TOC is completely NOT intuitive.

    So someone could click on the Sticky TOC just to see what’s there, decide NOT to click on anything, then try to close the TOC. But the ONLY way to close the TOC is click on a menu item or in the Speed Contact Bar. But given how some people just don’t figure stuff like that out intuitively, they just might give up click off the site.

    AND, to add to all that, I cannot scroll the Sticky TOC, and it does not scroll with the page, as the in-page TOC does, so all that can see is the top half or so of the Sticky TOC items.

    OKAY. I hope that made sense. I try to be succinct but fully accurate.

    Thank You Very Much & Take Care,
    Davide Scott Lynn

    Plugin Author Magazine3

    (@magazine3)

    Hi, We are currently checking this concern and will provide you an update soon on this. We kindly request your patience in the meantime.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.