feat: navigation

Author: therobrob

themes/fiptheme/assets/sass/navigation.scss

@@ -9,14 +9,20 @@
 
 .o-header__nav {
   align-items: center;
+  display: flex;
+  justify-content: flex-end;
+
+  @include media-breakpoint-up(md) {
+    display: block;
+  }
 }
 
 .o-header__nav nav {
   width: 100%;
   display: none;
 
   @include media-breakpoint-up(md) {
-    display: flex;
+    display: block;
   }
 }
 
@@ -106,4 +112,13 @@
   @include media-breakpoint-up(md) {
     display: none;
   }
+}
+
+.o-header__expand-button {
+  display: none;
+
+  @include media-breakpoint-up(md) {
+    display: flex;
+  }
+
 }

themes/fiptheme/layouts/partials/menu.html

@@ -12,11 +12,11 @@
       {{ T "menu-open" }}
       <img aria-hidden="true" src="{{ $menuicon.RelPermalink }}" alt="">
     </button>
-    <button class="o-nav__close-button" title="Menü schließen">
-      {{ T "menu-close" }}
-      <img aria-hidden="true" src="{{ $closeicon.RelPermalink }}" alt="">
-    </button>
     <nav>
+      <button class="o-nav__close-button" title="Menü schließen">
+        {{ T "menu-close" }}
+        <img aria-hidden="true" src="{{ $closeicon.RelPermalink }}" alt="">
+      </button>
       <menu>
         <li class="o-header__item">
           <button class="o-header__expand-button" aria-haspopup="true" aria-expanded="false">