Front end fixes

themes/berkarar/assets/css/components/2-layout/header.scss

@@ -72,9 +72,11 @@
     }
 
     .burger {
-        width: 40px;
+        // width: 40px;
         height: 40px;
-        border-radius: 50%;
+        padding: 5px 10px;
+
+        border-radius: 10px;
         background: #fff;
         display: flex;
         align-items: center;
@@ -93,6 +95,10 @@
                     background: #fff;
                 }
             }
+
+            p {
+                color: #FFF;
+            }
         }
 
         &.active {
@@ -110,6 +116,16 @@
                     bottom: 0;
                 }
             }
+
+            p {
+                color: $black;
+            }
+
+            &:hover {
+                p {
+                    color: #fff;
+                }
+            }
         }
 
         span {
@@ -119,6 +135,7 @@
             height: 2px;
             background: $black;
             @include transition;
+            margin-right: 10px;
 
             &::before {
                 content: '';
@@ -142,6 +159,13 @@
                 @include transition;
             }
         }
+
+        p {
+            font-size: 12px;
+            font-weight: 700;
+            line-height: 1.3;
+            @include transition;
+        }
     }
 
     .logo {

themes/berkarar/assets/css/components/3-page/post.scss

@@ -110,6 +110,10 @@
             text-align: center;
             margin: 50px 0;
         }
+
+        .rest_item {
+            display: block;
+        }
     }
 
     &_link {

themes/berkarar/assets/css/components/3-page/result.scss

@@ -1,6 +1,6 @@
 // Result ====================
 .result {
-    padding-bottom: 80px;
+    padding: 30px 0 80px;
 
     .menu {
         &_search {

themes/berkarar/assets/css/main.css

@@ -223,9 +223,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
   -moz-transition: all 0.2s ease-in-out 0s;
 }
 .header .burger {
-  width: 40px;
   height: 40px;
-  border-radius: 50%;
+  padding: 5px 10px;
+  border-radius: 10px;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -250,6 +250,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
 .header .burger:hover span::before, .header .burger:hover span::after {
   background: #fff;
 }
+.header .burger:hover p {
+  color: #FFF;
+}
 .header .burger.active span {
   background: none;
 }
@@ -263,6 +266,12 @@ input[type=date]::-webkit-calendar-picker-indicator {
           transform: rotate(-45deg);
   bottom: 0;
 }
+.header .burger.active p {
+  color: #171717;
+}
+.header .burger.active:hover p {
+  color: #fff;
+}
 .header .burger span {
   display: block;
   position: relative;
@@ -272,6 +281,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
   -webkit-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
+  margin-right: 10px;
 }
 .header .burger span::before {
   content: "";
@@ -297,6 +307,14 @@ input[type=date]::-webkit-calendar-picker-indicator {
   transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
 }
+.header .burger p {
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1.3;
+  -webkit-transition: all 0.2s ease-in-out 0s;
+  transition: all 0.2s ease-in-out 0s;
+  -moz-transition: all 0.2s ease-in-out 0s;
+}
 .header .logo {
   display: block;
   position: relative;
@@ -3021,6 +3039,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
   text-align: center;
   margin: 50px 0;
 }
+.post_slider .rest_item {
+  display: block;
+}
 .post_link {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3077,7 +3098,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
 }
 
 .result {
-  padding-bottom: 80px;
+  padding: 30px 0 80px;
 }
 .result .menu_search {
   padding-top: 0;