making menu accessible on mobile when in desktop mode

app/assets/stylesheets/desktop/discourse.scss

@@ -24,6 +24,18 @@ html {font-size: 14px/19px;}
   }
 }
 
+@media all
+and (max-width : 570px) {
+  body {
+    min-width: 0;
+  }
+  .container,
+  .full-width {
+    min-width: 0;
+  }
+  .d-header .current-username a {display: none;}
+}
+
 header {
   margin-bottom: 15px;
 }

app/assets/stylesheets/desktop/header.scss

@@ -19,6 +19,18 @@
   }
 }
 
+@media all
+and (max-width : 570px) {
+  .d-header {
+    .current-username {
+      a {
+        display:none;
+      }
+    }
+  }
+  .extra-info-wrapper {display: none;}
+}
+
 #main {
   position: relative;
 }