modified side-menu and some responsive issue

assets/css/style.css

@@ -474,6 +474,12 @@ header.sticky-top {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
 }
 
+@media (max-width: 575px) {
+  .ui-menu {
+    width: calc( 100% - 30px) !important;
+  }
+}
+
 @media (min-width: 576px) {
   .ui-menu {
     max-width: 510px !important;
@@ -498,6 +504,16 @@ header.sticky-top {
   }
 }
 
+.ui-menu-item:not(:last-child){
+  margin-bottom: 5px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.ui-menu-item:nth-child(5){
+  border: 0;
+}
+
 /* /navigation */
 .form-control {
   height: 50px;
@@ -732,6 +748,16 @@ tbody {
   display: none;
 }
 
+li.sidelist>a{
+  margin-left: 20px;
+  margin-bottom: 10px;
+  display: block;
+}
+
+li.sidelist li a{
+  margin: 0;
+}
+
 .sidelist.parent {
   display: block;
 }
@@ -872,10 +898,16 @@ code{
   content: "\e6bc";
   font-size: 25px;
   height: 30px;
-  width: 20px;
+  width: 50px;
   background: #fff;
   color: inherit;
+  text-align: right;
   z-index: 1;
-  left: -10px;
+  left: -15px;
   top: -3px;
+}
+
+#select-language{
+  background: transparent;
+  color: var(--white-color);
 }

layouts/partials/default.html

@@ -60,10 +60,10 @@
             {{ end }}
 
             {{with ($.Scratch.Get "prevPage")}}
-            <a class="nav nav-prev" href="{{.Permalink }}"><i class="ti-arrow-left mr-2"></i>{{.Title}}</a>
+            <a class="nav nav-prev" href="{{.Permalink }}"><i class="ti-arrow-left mr-2"></i> <span class="d-none d-md-block">{{.Title}}</span></a>
             {{end}}
             {{with ($.Scratch.Get "nextPage")}}
-            <a class="nav nav-next" href="{{.Permalink }}">{{.Title}}<i class="ti-arrow-right ml-2"></i></a>
+            <a class="nav nav-next" href="{{.Permalink }}"> <span class="d-none d-md-block">{{.Title}}</span><i class="ti-arrow-right ml-2"></i></a>
             {{end}}
           </nav>
         </div>

layouts/partials/navigation.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-light">
+<nav class="navbar navbar-expand-md navbar-dark">
   <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
     {{ $logo:= .Site.Params.logo }}
     {{ $logoWhite:= .Site.Params.logo_white }}