diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 473bd70..874ad1a 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -1,11 +1,12 @@
 <nav>
-    <ul>
+    <ul class="nav-desktop">
         <li><a href="https://qoheleth.post-self.ink" target="_blank"><em>Qoheleth</em></a></li>
         <li><a href="https://toledot.post-self.ink" target="_blank"><em>Toledot</em></a></li>
         <li><a href="https://neviim.post-self.ink" target="_blank"><em>Nevi'im</em></a></li>
         <li><a href="https://mitzvot.post-self.ink" target="_blank"><em>Mitzvot</em></a></li>
     </ul>
     <ul>
+        <li class="nav-mobile"><a href="/cycle"><em>The Post-Self Cycle</em></a></li>
         <li><a href="https://clade.post-self.ink"><em>Clade</em></a></li>
         <li><a href="/extras">Extras</a></li>
         <li><a href="/about">About</a></li>
diff --git a/static/css/toledot.css b/static/css/toledot.css
index 25d326b..40cddc0 100644
--- a/static/css/toledot.css
+++ b/static/css/toledot.css
@@ -30,3 +30,21 @@ ul {
     list-style-type: revert;
     padding-left: 2rem;
 }
+.nav-desktop {
+    display: block;
+}
+.nav-mobile {
+    display: none;
+}
+
+@media (max-device-width: 450px) {
+    .nav-desktop {
+        display: none;
+    }
+    .nav-mobile {
+        display: inline-block;
+    }
+    nav ul li {
+        padding-bottom: 0.5rem !important;
+    }
+}