fix bugs

src/components/manage/Blocks/NavigationBlock/styles.css

@@ -46,8 +46,24 @@
   }
 }
 
-@media screen and (max-width: 1300px) and (min-width: 768px) {
+@media screen and (max-width: 1300px) and (min-width: 600px) {
   .sticky-tabs {
     top: 79px;
   }
 }
+
+@media screen and (max-width: 766px) and (min-width: 600px) {
+  .mobile-authenticated-sticky {
+    top: 101px;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .sticky-tabs {
+    top: 67px;
+  }
+
+  .mobile-authenticated-sticky {
+    top: 101px;
+  }
+}

src/customizations/volto/components/theme/Navigation/Navigation.jsx

@@ -241,7 +241,7 @@ class Navigation extends Component {
             </button>
           </div>
         </div>
-        <div className="search-widget smallSearch">
+        <div className="search-widget smallSearch menu-force-mobile">
           <Icon
             className="searchIcon"
             onClick={this.toggleMobileSearch}
@@ -282,7 +282,9 @@ class Navigation extends Component {
           pointing
           secondary
           className={
-            this.state.isMobileMenuOpen ? 'open firstLevel' : 'mobile hidden'
+            this.state.isMobileMenuOpen
+              ? 'open firstLevel'
+              : 'menu-manual-mobile'
           }
         >
           {navigation.map((item) =>

theme/site/globals/site.overrides

@@ -123,8 +123,6 @@ body.has-toolbar {
   height: 600px !important;
 }
 
-
-
 .lead-mobile-nav {
   position: absolute;
   z-index: 1;
@@ -158,13 +156,13 @@ body.has-toolbar {
     text-decoration: none;
 
     .lead-nav-icon {
-      fill: #554535 !important;
       position: absolute;
-      right: 10px;
       top: 6px;
+      right: 10px;
+      fill: #554535 !important;
     }
 
-    .lead-nav-icon:hover{
+    .lead-nav-icon:hover {
       fill: #cd4200 !important;
     }
   }
@@ -192,7 +190,6 @@ body.has-toolbar {
   }
 
   .lead-navigation-item {
-
     padding: 12px 20px;
 
     border: 2px solid #f7f7f5;
@@ -214,7 +211,6 @@ body.has-toolbar {
     }
   }
 
-
   .lead-navigation-item:hover {
     background: white;
 
@@ -338,7 +334,7 @@ body.has-toolbar {
       display: none !important;
     }
 
-    @media (max-width: @largestMobileScreen) {
+    @media (max-width: @tabletBreakpoint) {
       display: none !important;
     }
   }
@@ -1048,7 +1044,6 @@ ul.ui.list li:before,
 }
 
 .unlist {
-
   padding-left: 0;
   list-style-type: none;
 
@@ -1072,6 +1067,12 @@ nav.navigation .menu > a.item:first-of-type {
   display: none !important;
 }
 
+nav.navigation .menu-manual-mobile {
+  @media (max-width: @tabletBreakpoint) {
+    display: none !important;
+  }
+}
+
 .modal .block {
   min-height: 400px;
 }
@@ -1661,7 +1662,6 @@ span.float-right {
 
   .forest-comparation {
     .land-data-wrapper {
-
       margin-bottom: 0;
       background-color: @tileBackgroundColor;