From 9edd0043ca574db47e8473f0059f5672b44956f0 Mon Sep 17 00:00:00 2001
From: Alexander Bigga <alexander.bigga@verdigado.com>
Date: Tue, 5 Nov 2024 21:42:38 +0100
Subject: [PATCH] Fix small move on opening mobile menu and other nav
 optimizations

---
 sass/_navigation.scss | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/sass/_navigation.scss b/sass/_navigation.scss
index 568b25a..7815696 100644
--- a/sass/_navigation.scss
+++ b/sass/_navigation.scss
@@ -135,7 +135,7 @@
     &-light {
 
         .navbar-nav {
-            align-items: normal;
+            align-items: center;
 
             >.nav-item {
 
@@ -179,8 +179,11 @@
                         background-size: 30px;
                         background-position: center;
                         transition: transform 0.2s ease-in-out;
-                        font-weight: 700;
-                        right: var(--wp--preset--spacing--50);
+
+                        @include media-breakpoint-up(lg) {
+                            background-size: 24px;
+                            padding: 6px;
+                        }
 
                         &.show {
                             content: "";
@@ -417,12 +420,17 @@
     width: 100%;
     margin-left: 10px;
 
+    &.collapsing,
     &.collapse.show {
 
-        li {
-            text-align: end;
-            border-top: 1px solid $very-light-gray;
-            padding-left: 14px;
+        .navbar-nav {
+            align-items: normal;
+
+            .nav-item {
+                text-align: end;
+                border-top: 1px solid $very-light-gray;
+                padding-left: 24px;
+            }
         }
 
         .dropdown {
@@ -440,7 +448,7 @@
 
             &-item {
                 text-wrap: auto;
-                text-algin: left;
+                text-align: left;
             }
         }
     }