fix dropdown issue

assets/css/style.css

@@ -272,56 +272,7 @@ pre {
   color: var(--white-color) !important;
 }
 
-.mb-10 {
-  margin-bottom: 10px !important;
-}
-
-.mb-20 {
-  margin-bottom: 20px !important;
-}
-
-.mb-30 {
-  margin-bottom: 30px !important;
-}
-
-.mb-40 {
-  margin-bottom: 40px !important;
-}
-
-.mb-50 {
-  margin-bottom: 50px !important;
-}
-
-.mb-60 {
-  margin-bottom: 60px !important;
-}
-
-.mb-70 {
-  margin-bottom: 70px !important;
-}
-
-.mb-80 {
-  margin-bottom: 80px !important;
-}
-
-.mb-90 {
-  margin-bottom: 90px !important;
-}
-
-.mb-100 {
-  margin-bottom: 100px !important;
-}
-
-header.sticky-top {
-  overflow: hidden;
-  z-index: 9999;
-}
-
-.zindex-1 {
-  z-index: 1;
-}
-
-.top-100 {
+.top-50 {
   top: 50px;
 }
 
@@ -355,10 +306,10 @@ header.sticky-top {
 
 .navbar .dropdown-menu {
   box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
-  padding: 15px;
+  padding: 15px 0px;
   border: 0;
   top: 40px;
-  left: -25px;
+  left: -35px;
   border-radius: 0;
   display: block;
   visibility: hidden;

layouts/partials/default.html

@@ -3,7 +3,7 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-3">
-        <div class="bg-white pl-lg-4 py-4 pr-4 mb-5 mb-lg-0 sticky-top top-100 overflow-hidden">
+        <div class="bg-white pl-lg-4 py-4 pr-4 mb-5 mb-lg-0 sticky-top top-50 overflow-hidden">
           <ul class="list-styled">
             {{ $currentNode := . }}
             <a class="d-block h4 back-btn" href="{{ .Site.BaseURL | relLangURL }}">{{ i18n "Back-home"}}</a>

layouts/partials/navigation.html

@@ -1,17 +1,17 @@
 <nav class="navbar navbar-expand-md {{ if .IsHome }}navbar-dark{{ else }}navbar-light{{ end }}">
   <div class="container">
-    <a class="navbar-brand px-2" href="{{ .Site.BaseURL | relLangURL }}">
-      {{ $logo:= .Site.Params.logo }}
-      {{ $logoWhite:= .Site.Params.logo_white }}
+    <a class="navbar-brand px-2" href="{{ site.BaseURL | relLangURL }}">
+      {{ $logo:= site.Params.logo }}
+      {{ $logoWhite:= site.Params.logo_white }}
       {{ if (or $logo $logoWhite) }}
       {{ if .IsHome }}
       <img class="img-fluid" src="{{if $logoWhite }}{{ $logoWhite | absURL }} {{ else }} {{ $logo | absURL }}{{ end }}"
-        alt="{{ .Site.Title }}">
+        alt="{{ site.Title }}">
       {{ else }}
-      <img class="img-fluid" src="{{ $logo | absURL }}" alt="{{ .Site.Title }}">
+      <img class="img-fluid" src="{{ $logo | absURL }}" alt="{{ site.Title }}">
       {{ end }}
       {{ else }}
-      {{ .Site.Title }}
+      {{ site.Title }}
       {{ end }}
     </a>
     <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation"
@@ -22,9 +22,9 @@
     <div class="collapse navbar-collapse text-center" id="navigation">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.home }}</a>
+          <a class="nav-link text-dark" href="{{ site.BaseURL | relLangURL }}">{{ site.Params.home }}</a>
         </li>
-        {{ range .Site.Menus.main }}
+        {{ range site.Menus.main }}
         {{ if .HasChildren }}
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle text-dark" href="#" role="button" data-toggle="dropdown"
@@ -45,10 +45,10 @@
         {{ end }}
       </ul>
       <!-- Language List -->
-      {{- if .Site.IsMultiLingual }}
+      {{- if site.IsMultiLingual }}
       <select class="lang-list {{ if not .IsHome }}dark{{ end }}" id="select-language"
         onchange="location = this.value;">
-        {{ $siteLanguages := .Site.Languages}}
+        {{ $siteLanguages := site.Languages}}
         {{ $pageLang := .Page.Lang}}
         {{ range .Page.AllTranslations }}
         {{ $translation := .}}