fix extra menu button inside mobile view

kit/category-bestand.php

@@ -46,7 +46,12 @@ get_header();
                 <fieldset>
                   <div class="tx-indexedsearch-form">
                     <label for="tx-indexedsearch-searchbox-sword"><?php _e('Ergebnisse filtern', 'kit'); ?>:</label>
-                    <div>A</div>
+                    <div>
+                      <ul>
+                        <li>Alle</li>
+                        <li>A</li>
+                      </ul>
+                    </div>
                   </div>
                 </fieldset>
               </form>

kit/css/header.css

@@ -205,7 +205,7 @@ header.sticky-header .header-lang-small {
 }
 
 header.sticky-header .header-lang-small .dropdown .dropdown-content {
-  top: 54px;  
+  top: 54px;
 }
 
 .header-lang-small .dropdown .dropdown-content li:not(.active) {
@@ -341,6 +341,13 @@ header.sticky-header .header-lang {
   header .header-button-container {
     display: none;
   }
+  header nav ul.extraMenu {
+    display: inline;
+  }
+
+  header nav ul.extraMenu li {
+    border-top: 0px;
+  }
 }
 
 .sticky-header {

kit/css/menu.css

@@ -99,7 +99,7 @@ nav > ul > li .nav-first-level-opener::after {
 }
 
 @media (max-width: 960px) {
-  nav {
+  nav:not(.pagination) {
     position: fixed;
     top: 4.44444rem;
     right: -360px;
@@ -113,32 +113,36 @@ nav > ul > li .nav-first-level-opener::after {
     background-color: #f2f2f2;
     transition: right .3s;
   }
-  nav > ul {
+  nav:not(.pagination) > ul {
     flex-direction: column;
     flex-wrap: nowrap;
     align-items: flex-start;
     justify-content: flex-start;
   }
-  nav > ul > li {
+  nav:not(.pagination) > ul > li {
     position: relative;
     z-index: 2;
     width: 100%;
     margin-left: 0;
     border-bottom: 1px solid #cccccc;
   }
-  nav > ul > li > a {
+
+  nav:not(.pagination) > ul > li > a {
     padding: 20px;
     line-height: 1;
     background-color: #ffffff;
   }
-  nav > ul > li:nth-of-type(1) {
+  nav:not(.pagination) > ul > li:nth-of-type(1) {
     border-top: 1px solid #cccccc;
   }
+  nav:not(.pagination) > ul.extraMenu > li {
+    border-top: 0px;
+  }
   nav > ul > li:hover > a::after,
   nav > ul > li:active > a::after {
     display: none;
   }
-  nav > ul > li .nav-first-level-opener {
+  nav:not(.pagination) > ul > li .nav-first-level-opener {
     display: block;
   }
   .header-burger-button:checked + label + nav {
@@ -320,6 +324,11 @@ nav ul li:hover .nav-second-level {
   visibility: visible;
 }
 
+nav ul.extraMenu {
+  display: none;
+  border-top: none;
+}
+
 @media (max-width: 960px) {
   .nav-second-level,
   nav ul li:hover .nav-second-level {

kit/header.php

@@ -161,7 +161,6 @@
           );
           echo strip_tags(wp_nav_menu( $menuParameters ), '<span><a>' );
         ?>
-        <!-- <a href="https://www.kit-ausbildung.de/de/offene-stellen" class="header-button"><span>Zum Bestand</span></a> -->
       </div>
 
     </div>

kit/template-parts/site-nav.php

@@ -9,4 +9,13 @@
     ));
   ?>
 
+  <?php
+    wp_nav_menu( array(
+      'container' => false,
+      'menu_class' => 'extraMenu',
+      'depth'           => 0,
+      'theme_location' => 'extra',
+    ));
+  ?>
+
 </nav>