Solution: Offset anchor using one page navigation and sticky header together

  1. Turn on One Page Navigation
  2. Define a Raw Content area just above the section you want to scroll to.
  3. Place this in it: <a class="anchor" id="name-of-section"></a>, build out your content as usual below
  4. Add your css:
    a.anchor {display:block;position:relative;top:-155px;visibility:hidden;}
    where -155px is the offset amount you desire
  5. Create your menu using custom links referencing your anchors: #name-of-section
  6. Profit
4 Likes

Genius! Thank you!

1 Like

No problem man

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.