diff --git a/src/main/resources/static/css/create-account.css b/src/main/resources/static/css/create-account.css
index 172e609..e5be917 100644
--- a/src/main/resources/static/css/create-account.css
+++ b/src/main/resources/static/css/create-account.css
@@ -57,8 +57,12 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   font-family: 'Delius Swash Caps', cursive;
+  white-space: nowrap;
   }
 
+.header-wrap a {
+  text-decoration: none;
+}
 
 /* Main Content */
 .align-decor {
diff --git a/src/main/resources/static/css/create-recipe.css b/src/main/resources/static/css/create-recipe.css
index a778a39..f514822 100644
--- a/src/main/resources/static/css/create-recipe.css
+++ b/src/main/resources/static/css/create-recipe.css
@@ -56,8 +56,12 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   font-family: 'Delius Swash Caps', cursive;
+  white-space: nowrap;
 }
 
+.header-wrap a {
+  text-decoration: none;
+}
 
 /* Main Content */
 .main-content {
diff --git a/src/main/resources/static/css/explore.css b/src/main/resources/static/css/explore.css
index 0e595a3..a60b9eb 100644
--- a/src/main/resources/static/css/explore.css
+++ b/src/main/resources/static/css/explore.css
@@ -82,6 +82,11 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/static/css/home.css b/src/main/resources/static/css/home.css
index a0a2e9b..9eff1d0 100644
--- a/src/main/resources/static/css/home.css
+++ b/src/main/resources/static/css/home.css
@@ -74,6 +74,11 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/static/css/login.css b/src/main/resources/static/css/login.css
index 5d36bbb..a8c3c64 100644
--- a/src/main/resources/static/css/login.css
+++ b/src/main/resources/static/css/login.css
@@ -66,10 +66,16 @@ html {
 }
 
 .site-name {
-  font-family: 'Delius Swash Caps', cursive;
+  font-family: 'Delius Swash Caps', serif;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
+  color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/static/css/my-profile.css b/src/main/resources/static/css/my-profile.css
index 32d1abf..47acef0 100644
--- a/src/main/resources/static/css/my-profile.css
+++ b/src/main/resources/static/css/my-profile.css
@@ -78,6 +78,11 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/static/css/public-profile.css b/src/main/resources/static/css/public-profile.css
index 4f9e549..f39780e 100644
--- a/src/main/resources/static/css/public-profile.css
+++ b/src/main/resources/static/css/public-profile.css
@@ -78,6 +78,11 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/static/css/view-recipe.css b/src/main/resources/static/css/view-recipe.css
index 0080c44..d07d433 100644
--- a/src/main/resources/static/css/view-recipe.css
+++ b/src/main/resources/static/css/view-recipe.css
@@ -76,6 +76,11 @@ body, html {
   font-weight: bold;
   letter-spacing: 4px;
   color: var(--dark-yellow);
+  white-space: nowrap;
+}
+
+.header-wrap a {
+  text-decoration: none;
 }
 
 /* =========================
diff --git a/src/main/resources/templates/create-account.html b/src/main/resources/templates/create-account.html
index 7def624..6d5b4b5 100644
--- a/src/main/resources/templates/create-account.html
+++ b/src/main/resources/templates/create-account.html
@@ -12,11 +12,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
-    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="align-decor">
   <!-- Decor Left -->
diff --git a/src/main/resources/templates/create-recipe.html b/src/main/resources/templates/create-recipe.html
index 6de2de5..ed7abcb 100644
--- a/src/main/resources/templates/create-recipe.html
+++ b/src/main/resources/templates/create-recipe.html
@@ -12,11 +12,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
     <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
     <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="form-wrap">
 <div class="form-split">
diff --git a/src/main/resources/templates/explore.html b/src/main/resources/templates/explore.html
index 8122d6e..f39cb41 100644
--- a/src/main/resources/templates/explore.html
+++ b/src/main/resources/templates/explore.html
@@ -12,11 +12,17 @@
 
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
-    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="body">
     <div class="body-left">
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index 0dcd0d3..c488607 100644
--- a/src/main/resources/templates/home.html
+++ b/src/main/resources/templates/home.html
@@ -8,11 +8,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
-    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="body">
     <div class="body-left">
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
index cfc76e9..c97aa41 100644
--- a/src/main/resources/templates/login.html
+++ b/src/main/resources/templates/login.html
@@ -8,12 +8,17 @@
 </head>
 <body>
 
-  <header class="top-header">
-    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
-
-  </header>
+<div class="header-wrap">
+<a th:href="@{/explore}">
+<header class="top-header">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+</header>
+</a>
+</div>
   
   <div class="align-decor">
   <!-- Decor Left -->
diff --git a/src/main/resources/templates/my-profile.html b/src/main/resources/templates/my-profile.html
index 59210f1..73965b0 100644
--- a/src/main/resources/templates/my-profile.html
+++ b/src/main/resources/templates/my-profile.html
@@ -11,11 +11,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
-    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="body">
 
diff --git a/src/main/resources/templates/public-profile.html b/src/main/resources/templates/public-profile.html
index f7445ed..0674671 100644
--- a/src/main/resources/templates/public-profile.html
+++ b/src/main/resources/templates/public-profile.html
@@ -10,11 +10,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
     <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
     <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="body">
 
diff --git a/src/main/resources/templates/update-recipe.html b/src/main/resources/templates/update-recipe.html
index 0e0efbb..2c7e329 100644
--- a/src/main/resources/templates/update-recipe.html
+++ b/src/main/resources/templates/update-recipe.html
@@ -12,11 +12,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
     <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
     <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="form-wrap">
 <div class="form-split">
diff --git a/src/main/resources/templates/view-recipe.html b/src/main/resources/templates/view-recipe.html
index 87592ae..43bef1d 100644
--- a/src/main/resources/templates/view-recipe.html
+++ b/src/main/resources/templates/view-recipe.html
@@ -10,11 +10,17 @@
 </head>
 <body>
 
+<div class="header-wrap">
+<a th:href="@{/explore}">
 <header class="top-header">
-    <img th:src="@{/images/header_left.png}" alt="Left header swirl" class="swirl">
-    <h1 class="site-name">Thyme Crunch</h1>
-    <img th:src="@{/images/header_right.png}" alt="Right header swirl" class="swirl">
+    <img th:src="@{/images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
+    <h1 class="site-name">
+    Thyme Crunch
+    </h1>
+    <img th:src="@{/images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
+</a>
+</div>
 
 <div class="body">
 
