Fix: top bar nav responsive burger

Author: lwasser

_data/navigation.yml

@@ -1,6 +1,6 @@
 # main links
 main:
-  - title: "Peer Review & Packages"
+  - title: "Peer Review"
     url:
     sub-nav:
       - title: "About peer review"

_sass/minimal-mistakes.scss

@@ -9,6 +9,13 @@
 /* Variables */
 @import "minimal-mistakes/variables";
 
+/* Pyos specific  */
+@import "minimal-mistakes/pyos-main";
+@import "minimal-mistakes/pyos-isotope";
+@import "minimal-mistakes/pyos-dropdown";
+@import "minimal-mistakes/pyos-twitter";
+@import "minimal-mistakes/pyos-grid";
+
 /* Mixins and functions */
 @import "minimal-mistakes/vendor/breakpoint/breakpoint";
 @include breakpoint-set("to ems", true);
@@ -40,10 +47,3 @@
 @import "minimal-mistakes/archive";
 @import "minimal-mistakes/sidebar";
 @import "minimal-mistakes/print";
-
-/* Pyos specific  */
-@import "minimal-mistakes/pyos-main";
-@import "minimal-mistakes/pyos-isotope";
-@import "minimal-mistakes/pyos-dropdown";
-@import "minimal-mistakes/pyos-twitter";
-@import "minimal-mistakes/pyos-grid";

_sass/minimal-mistakes/_pyos-dropdown.scss

@@ -320,3 +320,34 @@ drop shadow
   background-color: #04AA6D;
   color: white;
 }
+
+@media screen and (max-width: 768px) {
+
+  /* Hide horizontal drop down links at 48em / 768px */
+  .nav__links { display: none;}
+
+  /* Nav links goes vertical in responsive mode */
+  .nav__links .vertical {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .hamburger__btn-toggle {
+    display: block;
+    position: absolute;
+    top: 5%;
+    right: 5%;}
+
+  .burger__icon, burger__icon::before, burger__icon::after {
+    display: block; }
+
+  /* TODO: search isn't working now position search toggle by burger */
+  .search__toggle {
+    position: fixed;
+    right: 8%;
+    font-size: 1.4em;
+    top: 5%;
+  }
+}

_sass/minimal-mistakes/_pyos-main.scss

@@ -137,9 +137,6 @@ h2.clearall {
     max-width: 66.66667%;
 }
 
-
-
-/* 768 px */
 @media screen and (max-width: 768px) {
 
   .element-item {
@@ -165,42 +162,11 @@ h2.clearall {
     font-size: 1.1em
   }
 
-  .hamburger__btn-toggle {
-    //position: fixed; // not sure if this will help?
-    display: block;
-    position: absolute;
-    top: 5%;
-    right: 5%;}
-
-  burger__icon, burger__icon::before, burger__icon::after {
-    display: block; }
-
-  /* Hide horizontal drop down links at 48em / 768px */
-  .nav__links { display: none;}
-
-/* Nav links goes vertical in responsive mode */
-  .nav__links .vertical {
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-   /* position search toggle by burger */
-  .search__toggle {
-    position: fixed;
-    right: 8%;
-    font-size: 1.4em;
-    top: 5%;
-  }
-
   .feature__item--center .archive__item-body, .archive__item-body {
     width: 100%!important;
     padding: 0!important;
   }
 
-  // .page__content p {
-  //  // font-size:1.2em!important;
-  // }
   .wide #main {
     padding-left: 2em;
   }