fix double row nav bar bug

webpack/css/_mobile.scss

@@ -1,4 +1,4 @@
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 974px) {
   .all-content-wrapper {
     padding: 11rem 0 0;
     overflow: hidden;
@@ -32,4 +32,4 @@
   100% {
     transform: translateX(0)
   }
-}
+}

webpack/css/navbar.scss

@@ -142,8 +142,14 @@ nav {
   }
 }
 
-@media (max-width: 768px) {
+@media screen and (max-width: 974px) {
   .top-menu-container .nav-links {
     display: none;
   }
-}
+}
+
+@media screen and (min-width: 975px) {
+  .mobile-menu-icon {
+    display: none !important;
+  }
+}

webpack/nav/index.tsx

@@ -36,7 +36,7 @@ export class NavBar extends React.Component<NavBarProps, Partial<NavBarState>> {
       `${hasName.split(" ")[0]} ▾` : `${t("Menu")} ▾`;
 
     const menuIconClassNames: string[] = [
-      "fa", "fa-bars", "visible-xs-inline-block", "mobile-menu-icon"
+      "fa", "fa-bars", "mobile-menu-icon"
     ];
 
     /** The way our app is laid out, we'll pretty much always want this bit. */