diff --git a/_includes/fixed.html b/_includes/fixed.html
new file mode 100644
index 0000000..f62ebb4
--- /dev/null
+++ b/_includes/fixed.html
@@ -0,0 +1,4 @@
+<a href="/">
+  <img id="logo" src="/assets/images/radicle.svg" width="32" height="32" />
+</a>
+<button class="toggle" id="toggle-theme"><!-- Set by script --></button>
diff --git a/_includes/footer.html b/_includes/footer.html
deleted file mode 100644
index cc78dc9..0000000
--- a/_includes/footer.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<footer>
-  <a href="/">
-    <img id="logo" src="/assets/images/radicle.svg" width="32" height="32" style="margin-top: 4px"/>
-  </a>
-  <span><small>© <span class="desktop">2018–{{ 'now' | date: "%Y" }}</span> The Radicle Team</small></span>
-  <span><button class="toggle" id="toggle-theme"><!-- Set by script --></button></span>
-</footer>
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 3bbc92d..807b7d8 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -31,7 +31,7 @@
       {{ content }}
     </main>
     <footer>
-      <p>&copy; The Radicle Team</p>
+      <span><small>© <span class="desktop">2018–{{ 'now' | date: "%Y" }}</span> The Radicle Team</small></span>
     </footer>
     <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
   </body>
diff --git a/_layouts/guide.html b/_layouts/guide.html
index 6bb9bf7..c740968 100644
--- a/_layouts/guide.html
+++ b/_layouts/guide.html
@@ -25,7 +25,7 @@
       {{ content }}
     </main>
     <footer>
-      <p>&copy; The Radicle Team</p>
+      <span><small>© <span class="desktop">2018–{{ 'now' | date: "%Y" }}</span> The Radicle Team</small></span>
     </footer>
     <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
   </body>
diff --git a/_layouts/index.html b/_layouts/index.html
index 20233f6..4c58bab 100644
--- a/_layouts/index.html
+++ b/_layouts/index.html
@@ -32,7 +32,7 @@
     </nav>
     {{ content }}
   </main>
-  {% include footer.html %}
+  {% include fixed.html %}
   <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
   <script>
     const copyButton = document.getElementById("install");
diff --git a/_layouts/page.html b/_layouts/page.html
index 6f465e3..57e44a6 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -9,7 +9,7 @@
   <main>
     {{ content }}
   </main>
-  {% include footer.html %}
+  {% include fixed.html %}
   <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
 </body>
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
index b2cad39..6a51eb1 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -22,7 +22,7 @@
       <p><strong>Contribute</strong> to Radicle as a 🌱 <a href="/guides/seeder">seeder</a>, 🧙 <a href="{{ 'rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5' | explore }}">developer</a> or by 🪞 <a href="/guides/user/#git-going-with-repositories">mirroring</a> your repositories on the Radicle network.</p>
       <p><strong>Join</strong> our community on 💬 <a href="https://radicle.zulipchat.com">Zulip</a> and discuss your ideas to improve Radicle.</p>
     </aside>
-    {% include footer.html %}
+    {% include fixed.html %}
     <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
   </body>
 </html>
diff --git a/assets/css/page.css b/assets/css/page.css
index 13a36fa..4fea895 100644
--- a/assets/css/page.css
+++ b/assets/css/page.css
@@ -274,7 +274,6 @@ body > header {
 body > footer {
   display: flex;
   color: var(--color-fg-dim);
-  border-top: 1px solid var(--color-border-hint);
   padding: 0 0.5rem;
   white-space: nowrap;
   width: 100%;
@@ -322,11 +321,19 @@ nav .cta {
 }
 
 #logo {
-  position: absolute;
+  position: fixed;
+  top: 0.5rem;
   left: 0.5rem;
   z-index: 99;
 }
 
+.toggle {
+  position: fixed;
+  bottom: 0.5rem;
+  right: 0.5rem;
+  z-index: 99;
+}
+
 #ribbon {
   position: absolute;
   float: right;
@@ -393,6 +400,7 @@ img.banner {
 @media (max-width: 800px) {
   body > main {
     padding: 1rem;
+    padding-top: 2.5rem; /* Make space for #logo */
   }
   nav {
     display: block;