diff --git a/css/techfolio-theme/bitter.css b/css/techfolio-theme/bitter.css
index f9551ca..11558c4 100644
--- a/css/techfolio-theme/bitter.css
+++ b/css/techfolio-theme/bitter.css
@@ -32,6 +32,16 @@ a {
   text-decoration: none;
 }
 
+@media (max-width: 500px) {
+  .navbar-brand {
+    display: none;
+  }
+
+  .navbar-brand-mobile {
+    display: inline;
+  }
+}
+
 /* Simplify the styling of the bottom of Essay cards. */
 .card-footer {
   background-color: var(--bs-white);
diff --git a/css/techfolio-theme/default.css b/css/techfolio-theme/default.css
index 302505c..3467e62 100644
--- a/css/techfolio-theme/default.css
+++ b/css/techfolio-theme/default.css
@@ -33,6 +33,16 @@ a {
   text-decoration: none;
 }
 
+@media (max-width: 500px) {
+  .navbar-brand {
+    display: none;
+  }
+
+  .navbar-brand-mobile {
+    display: inline;
+  }
+}
+
 /* Simplify the styling of the bottom of Essay cards. */
 .card-footer {
   background-color: var(--bs-white);
diff --git a/css/techfolio-theme/lime.css b/css/techfolio-theme/lime.css
index 8a20412..30597a6 100644
--- a/css/techfolio-theme/lime.css
+++ b/css/techfolio-theme/lime.css
@@ -41,6 +41,16 @@ a {
   text-decoration: none;
 }
 
+@media (max-width: 500px) {
+  .navbar-brand {
+    display: none;
+  }
+
+  .navbar-brand-mobile {
+    display: inline;
+  }
+}
+
 /* Simplify the styling of the bottom of Essay cards. */
 .card-footer {
   background-color: var(--bs-white);
diff --git a/css/techfolio-theme/rubik.css b/css/techfolio-theme/rubik.css
index bca1687..0cf73a3 100644
--- a/css/techfolio-theme/rubik.css
+++ b/css/techfolio-theme/rubik.css
@@ -38,6 +38,16 @@ a {
   text-decoration: none;
 }
 
+@media (max-width: 500px) {
+  .navbar-brand {
+    display: none;
+  }
+
+  .navbar-brand-mobile {
+    display: inline;
+  }
+}
+
 /* Simplify the styling of the bottom of Essay cards. */
 .card-footer {
   background-color: var(--bs-white);
diff --git a/css/techfolio-theme/skyblue.css b/css/techfolio-theme/skyblue.css
index bd5c60e..2f0138f 100644
--- a/css/techfolio-theme/skyblue.css
+++ b/css/techfolio-theme/skyblue.css
@@ -43,6 +43,16 @@ a {
   text-decoration: none;
 }
 
+@media (max-width: 500px) {
+  .navbar-brand {
+    display: none;
+  }
+
+  .navbar-brand-mobile {
+    display: inline;
+  }
+}
+
 .rounded-circle {
   border-color: var(--tf-blue1);
   border-style: solid;