edit header 2 level

themes/contrib/estore/css/styles.css

@@ -138,6 +138,7 @@ header .link_content .field--type-text-with-summary p{
     font-size: 16px;
     line-height: 55px;
     /* font-weight: 500; */
+    /* width: 85%; */
 }
 .bottom-nav {
   /* background-color: #f7df24 !important; */
@@ -262,7 +263,13 @@ header.navbar .main-menu ul.menu li{
 .menu--category-menu .open ul.sidebar-submenu-2 li:hover {
   background: white !important;
 }
-
+.menu--category-menu .open ul.sidebar-submenu-2 li{
+  width: 251px !important;
+  padding: 0px 7px !important;
+  height: 40px;
+  display: flex;
+  align-items: center;
+}
 .menu--category-menu .open ul.sidebar-submenu-3 li {
   border-bottom: none !important;
   width: 251px !important;
@@ -427,6 +434,12 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
 .main-container{
   min-height: 350px
 }
+@media(min-width: 991px) and (max-width:1200px){
+  header .link_content .field--type-text-with-summary p{
+    font-size: 14px;
+    margin-right: 40px
+  }
+}
 @media (min-width: 768px) {
   .webform-flex--container {
     width: 91% !important
@@ -1394,13 +1407,22 @@ header.navbar .block-search-navigation .search-icon {
   display: flex;
   flex-direction: row;
 }
+.menu--category-menu .open ul.sidebar-submenu-2.ul-flex{
+  display: flex;
+  flex-direction: row;
+}
+.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul{
+  padding:  0 !important;
+}
+.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul li{
+  list-style: none;
+}
 .menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul{
   padding:  0 !important;
 }
 .menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul li{
   list-style: none;
 }
-
 /*  */
 
 body {
@@ -10901,6 +10923,7 @@ header.navbar .category-menu .block-title:hover {
     height: 40px;
     line-height: 32px !important;
     border-radius: 3px;
+    text-align: center;
   }
   header.navbar .category-menu .block-title i{
     line-height: 32px !important;

themes/contrib/estore/js/custom.js

@@ -42,6 +42,7 @@
 
   if($(window).width() > 991){
     var submenu3 = $(".sidebar-submenu-3");
+    if(submenu3.length > 0 ){
       for (let i = 0; i < submenu3.length; i++) {
         if ($(".sidebar-submenu-3").eq(i).children('li').length > 10) {
           $(".sidebar-submenu-3").eq(i).addClass('ul-flex');
@@ -50,6 +51,19 @@
           $(".sidebar-submenu-3").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
         }
       }
+    }
+    else {
+      var submenu2 = $(".sidebar-submenu-2");
+      for (let i = 0; i < submenu2.length; i++) {
+        if ($(".sidebar-submenu-2").eq(i).children('li').length > 10) {
+          $(".sidebar-submenu-2").eq(i).addClass('ul-flex');
+          $(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+          $(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+          $(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+        }
+      }
+    }
+
     $(".dropdown-toggle").mouseover(function() {
       $(this).parent("li.expanded.dropdown").addClass("open");
     })