diff --git a/_layouts/page.html b/_layouts/page.html
index 486b0c67..b78e79ad 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -17,8 +17,8 @@ layout: default
   </a>
   <nav id="page-nav">
     <a href="">Starwars Django Example</a>
-    <a href="/quickstart">Quickstart Guide</a>
-    <a href="/community" class="active">Community</a>
+    <a href="/quickstart"{% if page.active_tab == "quickstart" %} class="active"{% endif %}>Quickstart Guide</a>
+    <a href="/community"{% if page.active_tab == "community" %} class="active"{% endif %}>Community</a>
     <a href="https://github.com/graphql-python/graphene/"><span class="github-icon">Github</span></a>
   </nav>
 </header>
diff --git a/community.md b/community.md
index dc3630b3..5ad38de1 100644
--- a/community.md
+++ b/community.md
@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Community
+active_tab: community
 description: The biggest GraphQL Community in Python
 ---
 
diff --git a/quickstart.md b/quickstart.md
index b66530e1..f9b0f7a1 100644
--- a/quickstart.md
+++ b/quickstart.md
@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Quickstart Guide
+active_tab: quickstart
 description: A Quick guide to Graphene
 ---