Issue:
When moving some of the content to a single page design, the menu link will be addressing the div id instead of another page. But after all set up perfectly, the menu item link to the correct anchor, but missed to locate the correct position of the section, i.e. the anchor, div id.
Solution:
Using a WordPress plugin: Page Scroll to id and tuned the delay for scrolling setting
Tricks:
Better starts with a larger no. of delay and fine tune it to a smaller but large enough time delay for the page to run other scripts. In my case, heavy rendering for the Math symbol by MathJax may cause the missing position issue.
Config:
- WordPress 4.7.2
- Themify Theme Shoppe 1.0.2
- Page Scroll to id: 1.6.2
