Fix caret and nav structure

skysarwer · Jan 24, 2023 · d7d1f6d · d7d1f6d
1 parent f384876
commit d7d1f6d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/inc/navigation.php b/inc/navigation.php
@@ -61,7 +61,7 @@ function evn_parent_menu_dropdown( $item_output, $item, $depth, $args ) {
 
     if ( ! empty( $item->classes ) && in_array( 'menu-item-has-children', $item->classes ) ) {
         $stripped_item_output = preg_replace('/<a[^>]*>(.*)<\/a>/', '$1', $item_output);
-        return '<span class="flex">'.$item_output . '<button class="submenu-toggle outline" aria-expanded="false"  aria-label="'.$stripped_item_output.' sub-menu" aria-controls="submenu-'.$args->item_id.'">+</button></span>';
+        return '<span class="flex">'.$item_output . '<button class="submenu-toggle outline" aria-expanded="false"  aria-label="'.$stripped_item_output.' sub-menu" aria-controls="submenu-'.$args->item_id.'">'.evn_caret_thick_svg().'</button></span>';
     }
 
     return $item_output;

diff --git a/sass/structure/_header.scss b/sass/structure/_header.scss
@@ -56,8 +56,10 @@ header.site-header {
         color: #fff;
         z-index: 9;
 
-        .submenu-toggle, .submenu-toggle:focus, .submenu-toggle:hover {
-            color: #fff !important;
+        @media screen and (min-width: 600px) {
+            .submenu-toggle, .submenu-toggle:focus, .submenu-toggle:hover {
+                color: #fff !important;
+            }
         }
     }