diff --git a/src/TerribleDev.Blog.Web/Controllers/HomeController.cs b/src/TerribleDev.Blog.Web/Controllers/HomeController.cs
index b5f82a5..7aa550c 100644
--- a/src/TerribleDev.Blog.Web/Controllers/HomeController.cs
+++ b/src/TerribleDev.Blog.Web/Controllers/HomeController.cs
@@ -53,7 +53,7 @@ namespace TerribleDev.Blog.Web.Controllers
             {
                 return NotFound();
             }
-            return View(new HomeViewModel() { Posts = result, Page = pageNumber, HasNext = postsByPage.ContainsKey(pageNumber + 1) });
+            return View(new HomeViewModel() { Posts = result, Page = pageNumber, HasNext = postsByPage.ContainsKey(pageNumber + 1), HasPrevious = postsByPage.ContainsKey(pageNumber - 1) });
         }
         [Route("/theme/{postName?}")]
         public IActionResult Theme(string postName)
diff --git a/src/TerribleDev.Blog.Web/Models/HomeViewModel.cs b/src/TerribleDev.Blog.Web/Models/HomeViewModel.cs
index ba666a8..47c1971 100644
--- a/src/TerribleDev.Blog.Web/Models/HomeViewModel.cs
+++ b/src/TerribleDev.Blog.Web/Models/HomeViewModel.cs
@@ -7,6 +7,8 @@ namespace TerribleDev.Blog.Web.Models
         public IEnumerable<IPost> Posts { get; set;}
         public int Page { get; set; }
         public string NextUrl { get; set; }
+        public string PreviousUrl { get; set; }
         public bool HasNext { get; set; }
+        public bool HasPrevious { get; set; }
     }
 }
\ No newline at end of file
diff --git a/src/TerribleDev.Blog.Web/Views/Home/FourOhFour.cshtml b/src/TerribleDev.Blog.Web/Views/Home/FourOhFour.cshtml
index 8cc83e3..9880dee 100644
--- a/src/TerribleDev.Blog.Web/Views/Home/FourOhFour.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Home/FourOhFour.cshtml
@@ -1,7 +1,7 @@
 
 @{
     ViewData["Title"] = "FourOhFour";
-    ViewData["RenderNav"] = true;
+    ViewData["DisableHeader"] = true;
 }
 
 <h1>Ruh Oh!</h1>
diff --git a/src/TerribleDev.Blog.Web/Views/Home/Index.cshtml b/src/TerribleDev.Blog.Web/Views/Home/Index.cshtml
index 0604465..7791594 100644
--- a/src/TerribleDev.Blog.Web/Views/Home/Index.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Home/Index.cshtml
@@ -2,7 +2,7 @@
 
 @{
     ViewData["Title"] = "Home Page";
-    ViewData["RenderNav"] = true;
+    ViewData["DisableHeader"] = true;
 }
 <cache vary-by-route="pageNumber">
 
@@ -12,8 +12,10 @@
     }
     @if (Model.HasNext)
     {
-        <div class="nextPageHome">
-            <a href="/page/@(Model.Page + 1)/" class="btn">Next Page -></a>
+        <div class="bottomNavButtons">
+            <a href="/page/@(Model.Page - 1)/" class="btn">&#8592; Previous Page</a>
+            <div class="spacer"></div>
+            <a href="/page/@(Model.Page + 1)/" class="btn">Next Page &#8594;</a>
         </div>
     }
 </cache>
diff --git a/src/TerribleDev.Blog.Web/Views/Home/Post.cshtml b/src/TerribleDev.Blog.Web/Views/Home/Post.cshtml
index 7de842d..6e08c3d 100644
--- a/src/TerribleDev.Blog.Web/Views/Home/Post.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Home/Post.cshtml
@@ -1,6 +1,7 @@
 @model IPost
 @{
     ViewData["Title"] = "Post";
+    ViewData["HideNav"] = true;
 }
 
 <cache vary-by-route="postUrl">
diff --git a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
index a4bcf7f..88d2e82 100644
--- a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
@@ -1,5 +1,16 @@
-<nav class="navBar">
-    <img src="~/content/tommyAvatar3.jpg" class="round" asp-append-version="true" />
+@{ 
+    var hideNav = ViewData["HideNav"] != null ? "hide" : "";
+}
+<nav class="navBar @hideNav">
+    @if (ViewData["HideNav"] != null)
+    {
+        <img src="" data-src="~/content/tommyAvatar3.jpg" class="lazy round" />
+    }
+    else
+    {
+        <img src="~/content/tommyAvatar3.jpg" class="round" />
+    }
+
     <span>Tommy "Terrible Dev" Parnell</span>
     <ul class="sidebarBtns">
         <li><a href="/" class="link-unstyled">Home</a></li>
diff --git a/src/TerribleDev.Blog.Web/Views/Shared/_Layout.cshtml b/src/TerribleDev.Blog.Web/Views/Shared/_Layout.cshtml
index a589c79..24291f5 100644
--- a/src/TerribleDev.Blog.Web/Views/Shared/_Layout.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Shared/_Layout.cshtml
@@ -21,26 +21,40 @@
     @RenderSection("Head", false)
 </head>
 <body>
-    @if (ViewData["RenderNav"] != null)
-    {
-        <desktopOnly user-agent="@this.Context.Request.Headers["User-Agent"]">
-            <partial name="Nav" />
-        </desktopOnly>
-        <main role="main" class="bodyWithNav">
-            <div class="main-content-wrap">
-                @RenderBody()
-            </div>
-        </main>
-    }
-    else
+    <partial name="Nav" />
+    @if (ViewData["DisableHeader"] == null)
     {
         <header class="header">
             <div><a href="/" class="link-unstyled">The Ramblings of TerribleDev</a></div>
         </header>
-        <main role="main" class="main-content-wrap headerBump">
-            @RenderBody()
-        </main>
     }
+    @{ 
+        var bodyBump =  ViewData["HideNav"] == null ? "bodyWithNav": "";
+        var headerBump = ViewData["DisableHeader"] == null ? "headerBump" : "";
+    }
+    <main role="main" class="@bodyBump @headerBump">
+        <div class="main-content-wrap">
+            @RenderBody()
+        </div>
+    </main>
+    @*@if (ViewData["DisableHeader"] != null)
+        {
+
+            <main role="main" class="bodyWithNav">
+                <div class="main-content-wrap">
+                    @RenderBody()
+                </div>
+            </main>
+        }
+        else
+        {
+            <header class="header">
+                <div><a href="/" class="link-unstyled">The Ramblings of TerribleDev</a></div>
+            </header>
+            <main role="main" class="main-content-wrap headerBump">
+                @RenderBody()
+            </main>
+        }*@
     @RenderSection("Scripts", required: false)
     <environment names="Development">
         <script asp-append-version="true" src="~/js/swi.js" async></script>
diff --git a/src/TerribleDev.Blog.Web/Views/Tags/AllTags.cshtml b/src/TerribleDev.Blog.Web/Views/Tags/AllTags.cshtml
index d14dadf..832f18b 100644
--- a/src/TerribleDev.Blog.Web/Views/Tags/AllTags.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Tags/AllTags.cshtml
@@ -1,7 +1,7 @@
 @model Dictionary<string, List<IPost>>
 @{
     ViewData["Title"] = "all-tags";
-    ViewData["RenderNav"] = true;
+    ViewData["DisableHeader"] = true;
 }
 <h2>All Tags</h2>
 @foreach (var tag in Model.Keys)
diff --git a/src/TerribleDev.Blog.Web/Views/Tags/GetTag.cshtml b/src/TerribleDev.Blog.Web/Views/Tags/GetTag.cshtml
index f8af38f..97a8485 100644
--- a/src/TerribleDev.Blog.Web/Views/Tags/GetTag.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Tags/GetTag.cshtml
@@ -2,7 +2,7 @@
 @model GetTagViewModel
 @{
     ViewData["Tag:" + Model.Tag] = "GetTag";
-    ViewData["RenderNav"] = true;
+    ViewData["DisableHeader"] = true;
 }
 @foreach (var post in Model.Posts)
 {
diff --git a/src/TerribleDev.Blog.Web/wwwroot/css/site.css b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
index bc70dd5..07a2c26 100644
--- a/src/TerribleDev.Blog.Web/wwwroot/css/site.css
+++ b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
@@ -45,11 +45,8 @@ body {
     padding-left: 1.2em;
     padding-bottom: 1.2em;
 }
-    .main-content-wrap.headerBump {
+    .headerBump {
         padding-top: 3.5rem;
-        padding-right: 1.2em;
-        padding-left: 1.2em;
-        padding-bottom: 1.2em;
     }
 
     .main-content-wrap img {
@@ -149,10 +146,6 @@ a {
         font-size: 1.8rem;
     }
 
-    .navBar {
-        display: none !important;
-    }
-
     .bodyWithNav {
         width: initial;
         float: initial;
@@ -181,7 +174,13 @@ a {
     color: white;
     width: 250px;
     padding-top: 20px;
+    transition: width ease-in .5s;
+    z-index: 100;
 }
+    .navBar.hide {
+        width: 0;
+        overflow: auto;
+    }
 
     .navBar > * {
         max-width: 100%;
@@ -217,8 +216,12 @@ a {
     border-radius: 50%;
 }
 
-.nextPageHome {
+.bottomNavButtons {
     display: flex;
-    flex-direction: row-reverse;
-    margin-top: .5rem
+    flex-direction: row;
+    margin-top: .5rem;
+    width: 100%;
+}
+.spacer {
+    flex-grow: 1;
 }
\ No newline at end of file
diff --git a/src/TerribleDev.Blog.Web/wwwroot/js/swi.js b/src/TerribleDev.Blog.Web/wwwroot/js/swi.js
index 31e50c7..9cfeec9 100644
--- a/src/TerribleDev.Blog.Web/wwwroot/js/swi.js
+++ b/src/TerribleDev.Blog.Web/wwwroot/js/swi.js
@@ -20,4 +20,4 @@ if(fetch){
         fetch(item.href);
     })
 }
-Promise.resolve(fetched);
\ No newline at end of file
+Promise.resolve(fetched);
diff --git a/src/TerribleDev.Blog.Web/wwwroot/svg/hamburger.svg b/src/TerribleDev.Blog.Web/wwwroot/svg/hamburger.svg
new file mode 100644
index 0000000..233bf21
--- /dev/null
+++ b/src/TerribleDev.Blog.Web/wwwroot/svg/hamburger.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>
\ No newline at end of file