From c923ce44ed431d1704de7dab53e46b7a3567a781 Mon Sep 17 00:00:00 2001
From: Alexander Bigga <alexander.bigga@verdigado.com>
Date: Tue, 12 Nov 2024 11:12:35 +0100
Subject: [PATCH] Fix wrap of very long menu items (#761)

* Fix wrap of very long menu items

* Fix personal header height and dropdown menus
---
 sass/_header.scss     |  5 +++++
 sass/_navigation.scss | 14 +++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/sass/_header.scss b/sass/_header.scss
index ce4e576..6c45e9e 100755
--- a/sass/_header.scss
+++ b/sass/_header.scss
@@ -291,6 +291,11 @@ body {
                 display: flex;
                 height: auto;
                 margin-right: 5px;
+                align-items: center;
+
+                @include media-breakpoint-up(md) {
+                    height: 5em;
+                }
             }
 
             > li.menu-item-has-children {
diff --git a/sass/_navigation.scss b/sass/_navigation.scss
index 7815696..1c092a0 100644
--- a/sass/_navigation.scss
+++ b/sass/_navigation.scss
@@ -13,12 +13,7 @@
 
                     div.dropdown-menu {
                         display: block;
-
-                        margin-top: 54px;
-
-                        &.show {
-                            margin-top: 4px;
-                        }
+                        top: calc(100% + 8px);
 
                         ul {
                             border-radius: 0;
@@ -243,6 +238,7 @@
                 margin-right: 0.5rem;
                 margin-left: 0.5rem;
                 text-align: left;
+                white-space: nowrap;
 
                 &:hover {
                     color: $secondary;
@@ -430,6 +426,10 @@
                 text-align: end;
                 border-top: 1px solid $very-light-gray;
                 padding-left: 24px;
+
+                .nav-link {
+                    white-space: normal;
+                }
             }
         }
 
@@ -447,7 +447,7 @@
             }
 
             &-item {
-                text-wrap: auto;
+                white-space: normal;
                 text-align: left;
             }
         }