diff --git a/navbar/static/navbar/navbar.js b/navbar/static/navbar/navbar.js
index 174416f..60f062a 100644
--- a/navbar/static/navbar/navbar.js
+++ b/navbar/static/navbar/navbar.js
@@ -25,4 +25,16 @@ document.addEventListener('DOMContentLoaded', function () {
     });
   }
 
+  // Fix the navbar for small displays
+  if (window.screen.availWidth < 1088) {
+    var nb = document.getElementById('navBar');
+    if (nb !== null) {
+      nb.className += " is-fixed-top";
+    }
+    var ms = document.getElementsByTagName('html')[0];
+    if (ms !== null) {
+      ms.className += " has-navbar-fixed-top";
+    }
+    console.log(ms);
+  }
 });
diff --git a/navbar/templates/navbar/navbar.html b/navbar/templates/navbar/navbar.html
index 83d8037..7e07f9c 100644
--- a/navbar/templates/navbar/navbar.html
+++ b/navbar/templates/navbar/navbar.html
@@ -1,7 +1,7 @@
 {% load static %}
 {% load i18n %}
 
-<nav class="navbar is-light">
+<nav class="navbar is-light" id="navBar">
     <div class="navbar-brand">
         <a class="navbar-item" href="{% url 'index' %}"><img src="{% static "khaganat/images/icon_khaganat.png" %}" alt="Khaganat"></a>
         <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">