Noissue - Fix broken layout from changeset 1940351cdb4c

static/scss/layout/_navbar.scss

 // This file is part of acceptableads.org.
 // Copyright (C) 2016-present eyeo GmbH
 //
 // acceptableads.org is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // acceptableads.org is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 13 matching lines @@
 
   img
   {
     height: $sm;
     margin: 0;
   }
 }
 
 .js #navbar
 {
-  position: fixed;
+  position: absolute;
+  z-index: 1;
   top: 0;
-  left: 0;
-  z-index: 1;
 }
 
 .site-title
 {
   margin: 0;
   font-size: 17px;
   line-height: 64px;
   word-spacing: -2px;
 }
 
@@ skipping 18 matching lines @@
   html[dir="ltr"] .site-title
   {
     margin-left: $sidebar-width;
   }
 }
 
 @media(max-width: $sidebar-breakpoint-x - 1)
 {
    #navbar
    {
-       margin-left: 60px;
+     margin-left: 60px;
    }
+
   .js #navbar
   {
     z-index: 2;
     padding: 0;
     margin-left: 150px;
+    width: auto;
+  }
+
+  html[dir="rtl"].js #navbar
+  {
+    margin-right: 150px;
+  }
+
+  html:not(.open-sidebar).mobile #navbar
+  {
+    position: fixed;
+    transition: transform 0.2s ease-in-out;
+  }
+
+  html:not(.open-sidebar).mobile.scrollDown #navbar
+  {
+    transform: translate(0,-$header-height);
   }
 }