Improve responsive layout and menu

Author: OliverObst

assets/css/custom.css

@@ -147,10 +147,21 @@ html:not(.dark):not([data-theme="dark"]):not([data-scheme="dark"]) #header-deskt
 
 html:not(.dark):not([data-theme="dark"]):not([data-scheme="dark"]) #header-desktop .sub-menu {
   min-width: 14rem;
+  max-height: none !important;
+  overflow-y: hidden !important;
+  padding: 0.35rem 0.3rem !important;
+}
+
+html:not(.dark):not([data-theme="dark"]):not([data-scheme="dark"]) #header-desktop .sub-menu .menu-item {
+  height: auto !important;
+  line-height: 1.2 !important;
+  max-width: none !important;
 }
 
 html:not(.dark):not([data-theme="dark"]):not([data-scheme="dark"]) #header-desktop .sub-menu .menu-link {
-  padding: 0.55rem 1.05rem !important;
+  display: block;
+  padding: 0.48rem 0.9rem !important;
+  overflow: visible !important;
 }
 
 /* body text serif */