From 0c24b915a6e2bceaec07f43eafb2dd5b8d82ab78 Mon Sep 17 00:00:00 2001
From: Christian Wolf <git@christianwolf.email>
Date: Sat, 9 Apr 2022 11:22:07 +0200
Subject: [PATCH] Corrected top menu styling using sticky

---
 slt/css/layout/_topmenu.scss | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/slt/css/layout/_topmenu.scss b/slt/css/layout/_topmenu.scss
index 08f29db..c5fd655 100644
--- a/slt/css/layout/_topmenu.scss
+++ b/slt/css/layout/_topmenu.scss
@@ -6,10 +6,8 @@
     text-align: center;
 
     @include abstract.for-desktop {
-        position: fixed;
         display: flex;
         width: 100vw;
-        z-index: 5000;
         font-weight: bold;
         text-align: center;
 
@@ -31,6 +29,7 @@
     .mod-menu__sub > li {
         padding: 0;
         border-style: none;
+        height: 100%;
     }
 
     .nav {
@@ -38,13 +37,11 @@
         display: flex;
         flex-flow: row nowrap;
         justify-content: space-between;
-        position: relative;
         align-items: center;
 
         @include abstract.for-desktop {
             padding: 0 10px;
             margin: 0;
-            height: 40px;
             width: 980px;
         }
 
@@ -52,14 +49,11 @@
             display: inline-block;
             text-align: left;
 
-            // height: 100%;
-
             @include abstract.for-desktop {
                 text-align: left;
             }
 
             > a {
-                position: relative;
                 font-size: large;
                 display: block;
                 height: 100%;
@@ -81,7 +75,6 @@
                 display: none;
 
                 @include abstract.for-desktop {
-                    z-index: 3000;
                     margin: 0 20px 10px 0;
                     border: none;
                     padding: 0;
@@ -98,9 +91,6 @@
                         @include abstract.for-desktop {
                             padding: 10px 5px 10px 4px;
 
-                            // border-left-color: transparent;
-                            // border-left-style: solid;
-                            // border-left-width: 6px;
                             border-left: 6px solid transparent;
                         }
                     }
@@ -165,8 +155,11 @@
 
 #topmenu-div {
     @include abstract.for-desktop {
+        position: sticky;
+        top: 0px;
         width: 100vw;
         height: 40px;
+        z-index: 1;
     }
 }
 
@@ -174,6 +167,8 @@ a.facebook {
     img {
         display: none;
 
+        height: 25px;
+
         @include abstract.for-desktop {
             display: inline;
         }