diff --git a/_includes/menu.html b/_includes/menu.html
index 68a18a1..e769812 100644
--- a/_includes/menu.html
+++ b/_includes/menu.html
@@ -1,9 +1,13 @@
 <nav {% if site.reverse == true %}id="nav-left"{% else %}id="nav"{% endif %}>
 	<div id="nav-list">
-		<div id="nav-actions-container" class="nav-actions">
+		<div id="nav-actions-flex-container" class="nav-actions-flex">
 			<a class="icon" href="https://revuo-xmr.com/support/" target="_blank"><img src="/img/donate.png" alt="Donate" title="Donate" /></a>
 			<a class="icon" href="/atom.xml" target="_blank"><img src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
 		</div>
+		<div id="nav-actions-static-container" class="nav-actions-static">
+			<a class="icon" href="https://primal.net/p/npub1tn8spk9zhxrctg2qym3gj8r7eq2wk6z3phrl8304wc54vt9qam4qvzw6jx" target="_blank"><img src="/img/nitter-icon.png" alt="Nitter account" title="Nitter" /></a>
+			<a class="icon" href="https://xcancel.com/revuoxmr" target="_blank"><img src="/img/xcom-icon.png" alt="x.com Account" title="x.com Account" /></a>
+		</div>
 		<a href="{{ site.baseurl }}">Revuo Weekly</a>
 
 		<!-- Nav pages -->
diff --git a/_sass/layout.scss b/_sass/layout.scss
index b34aa6d..4e6c887 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -52,34 +52,41 @@ body {
 
 #nav-list {
 
-  .nav-actions {
+  .nav-actions-flex {
     /* Will turn to flex on mobile */
     display: none;
+  }
+
+  .nav-actions-static {
+    /* always display in the burger menu */
+    display: flex;
+  }
+
+  .nav-actions-flex,
+  .nav-actions-static {
     gap: 12px;
     justify-content: center;
     align-items: center;
 
-    .icon {
-      padding: 0;
 
-      >img {
-        margin-bottom: 0;
-      }
+    .icon>img {
+      margin-bottom: 0;
     }
   }
-
-
-  /* Separator after menu */
-  &:after {
-    display: block;
-    content: '';
-    width: 5rem;
-    height: 1px;
-    margin: 23px auto;
-    background-color: $background-color;
-  }
 }
 
+
+/* Separator after menu */
+&:after {
+  display: block;
+  content: '';
+  width: 5rem;
+  height: 1px;
+  margin: 23px auto;
+  background-color: $background-color;
+}
+
+
 /* Icon menu */
 
 #nav-menu {
diff --git a/_sass/responsive.scss b/_sass/responsive.scss
deleted file mode 100644
index 564fc35..0000000
--- a/_sass/responsive.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@media (max-width: 700px) {
-  #header {
-    .action-container {
-      display: none !important;
-    }
-  }
-
-  #nav-list {
-    .nav-actions {
-      display: flex;
-    }
-  }
-}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 1380955..52add0d 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -110,6 +110,18 @@
   #menu-toggle:checked~#nav {
     width: 30%;
   }
+
+  #header {
+    .action-container {
+      display: none !important;
+    }
+  }
+
+  #nav-list {
+    .nav-actions-flex {
+      display: flex;
+    }
+  }
 }
 
 // END menu toggle
@@ -177,4 +189,4 @@ p.by-line-post {
     display: block;
     padding-bottom: 0;
   }
-}
\ No newline at end of file
+}
diff --git a/img/nitter-icon.png b/img/nitter-icon.png
new file mode 100644
index 0000000..c05ba54
Binary files /dev/null and b/img/nitter-icon.png differ
diff --git a/img/xcom-icon.png b/img/xcom-icon.png
new file mode 100644
index 0000000..ff13cad
Binary files /dev/null and b/img/xcom-icon.png differ
diff --git a/js/main.js b/js/main.js
index 7fed2e7..a343cc3 100644
--- a/js/main.js
+++ b/js/main.js
@@ -20,7 +20,7 @@ checkTheme()
 // Make the theme switcher in the hamburger menu on mobile devices work.
 if (document.body.clientWidth < 940) {
 	const themeSwitcherLabel = document.getElementById('main-theme-switcher');
-	const navActionsContainer = document.getElementById('nav-actions-container');
+	const navActionsContainer = document.getElementById('nav-actions-flex-container');
 
 	// Move the theme switcher to inside the hamburger menu.
 	navActionsContainer.appendChild(themeSwitcher);