From c3aa716066cc9691512cbcffc675ffd07f7b0814 Mon Sep 17 00:00:00 2001
From: Alexander Bigga <alexander.bigga@verdigado.com>
Date: Mon, 11 Nov 2024 15:46:11 +0100
Subject: [PATCH] Fix small move on opening mobile menu and other nav
 optimizations (#752)

* Wrap long page titels in mobile navigation

* Fix small move on opening mobile menu and other nav optimizations
---
 sass/_navigation.scss | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/sass/_navigation.scss b/sass/_navigation.scss
index 486ef2b..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 {
@@ -439,7 +447,8 @@
             }
 
             &-item {
-                justify-content: start;
+                text-wrap: auto;
+                text-align: left;
             }
         }
     }