diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index b0a12dd47217..e4327a6efaa8 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -10,6 +10,7 @@ const BlogPost = require('./BlogPost.js');
 const BlogSidebar = require('./BlogSidebar.js');
 const Container = require('./Container.js');
 const Site = require('./Site.js');
+const OnPageNav = require('./nav/OnPageNav.js');
 const utils = require('./utils.js');
 
 // used for entire blog posts, i.e., each written blog article with sidebar with site header/footer
@@ -127,6 +128,11 @@ class BlogPostLayout extends React.Component {
               </a>
             </div>
           </Container>
+          {this.props.config.onPageNav == 'separate' && (
+            <nav className="onPageNav">
+              <OnPageNav rawContent={this.props.children} />
+            </nav>
+          )}
         </div>
       </Site>
     );