diff --git a/assets/javascripts/templates/pages/root_tmpl.coffee.erb b/assets/javascripts/templates/pages/root_tmpl.coffee.erb
index 282c9678..f545c3d2 100644
--- a/assets/javascripts/templates/pages/root_tmpl.coffee.erb
+++ b/assets/javascripts/templates/pages/root_tmpl.coffee.erb
@@ -71,6 +71,7 @@ app.templates.intro = """
 
 app.templates.mobileNav = """
   <nav class="_mobile-nav">
+    <a href="/offline" class="_mobile-nav-link">Offline</a>
     <a href="/about" class="_mobile-nav-link">About</a>
     <a href="/news" class="_mobile-nav-link">News</a>
     <a href="/help" class="_mobile-nav-link">Help</a>
diff --git a/assets/javascripts/views/layout/nav.coffee b/assets/javascripts/views/layout/nav.coffee
index adbf586d..3a227561 100644
--- a/assets/javascripts/views/layout/nav.coffee
+++ b/assets/javascripts/views/layout/nav.coffee
@@ -18,7 +18,7 @@ class app.views.Nav extends app.View
     return
 
   afterRoute: (route, context) =>
-    if route is 'page'
+    if route in ['page', 'offline']
       @select context.pathname
     else
       @deselect()
diff --git a/assets/stylesheets/components/_mobile.scss b/assets/stylesheets/components/_mobile.scss
index d348ad08..96b41158 100644
--- a/assets/stylesheets/components/_mobile.scss
+++ b/assets/stylesheets/components/_mobile.scss
@@ -172,11 +172,9 @@
 
 ._mobile-nav-link {
   float: left;
-  width: 33%;
+  width: 25%;
   text-align: center;
   font-weight: bold;
-
-  &:nth-child(2n) { width: 34%; }
 }
 
 //
diff --git a/views/app.erb b/views/app.erb
index 352ce8a7..dd0a850a 100644
--- a/views/app.erb
+++ b/views/app.erb
@@ -11,6 +11,7 @@
       <a href="/" class="_nav-link">DevDocs</a>
     </h1>
     <nav class="_nav">
+      <a href="/offline" class="_nav-link">Offline</a>
       <a href="/about" class="_nav-link">About</a>
       <a href="/news" class="_nav-link">News</a>
       <a href="/help" class="_nav-link">Tips</a>