Scroll to anchors from external pages

  • discsox

    (@discsox)


    7 years ago

    This question has been asked before but the proposed solution does not quite work if you have a position: fixed; top menu. Intra page links work correctly (they take the fixed menu size into account) but links from other pages do not and the anchor position is off.

    any help would be greatly appreciated.

    kind regards,

    Marcello

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

Viewing 1 replies (of 1 total)
  • Thread Starter discsox

    (@discsox)

    Just to answer my own question.

    • when you have a fixed header, then set the “Show anchor with an offset of…” to “0” in Settings-Reading
    • add the following CSS 
      .sta-anchor {
    display: block;
    position: relative;
    top: -115px;
    visibility: hidden;
}
    • even though my fixed header is only 85px the offset in the CSS had to be set to -115px – adjust for your setup
    • also when using page builder with visual editor, then the “anchor” does not appear in the editor menu and you have to add the anchor code manually by adding the following:
      <span id="yourAnchorName" class="sta-anchor" aria-hidden="true"></span>

      • hope this helps someone…

      Cheers,

      Marcello

    • This reply was modified 7 years ago by discsox.
Viewing 1 replies (of 1 total)
  • The topic ‘Scroll to anchors from external pages’ is closed to new replies.