Merge pull request #24 from 10gen/kk-fix-navbar-on-small-screens

Fix the navbar from wrapping on small screens

Author: kirbyk

themes/mongodb-tutorials/src/styles/bem-components/navbar-download.scss

@@ -3,7 +3,6 @@
 .navbar-download {
   align-items: center;
   display: inline-flex;
-  margin-right: 40px;
 
   &__text {
     color: $green-primary;

themes/mongodb-tutorials/src/styles/bem-components/navbar-links.scss

@@ -3,7 +3,6 @@
 .navbar-links {
   display: inline-block;
   margin: 0 40px;
-  overflow: hidden;
 
   &__item {
     color: $black-primary;

themes/mongodb-tutorials/src/styles/navbar.scss

@@ -61,3 +61,10 @@
     width: 100%;
   }
 }
+
+// hide the links on small screens
+@media (max-width: 1200px) {
+  .navbar-links, .navbar-download, #gsearch {
+    display: none;
+  }
+}