edit responsive

themes/contrib/estore/css/styles.css

@@ -106,7 +106,8 @@ text-transform: uppercase;
 /* invi custom */
 
 .wrap-header {
-      background: linear-gradient(45deg,#fee0a0 , #facd87)
+  background: linear-gradient(45deg,#fee0a0 24% , #f5b58f);
+  /* background: linear-gradient(45deg,#fee0a0 , #facd87); */
 }
 .middle-header-wrapper {
   /* background-color: #f7df24 !important; */
@@ -362,13 +363,14 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
 .view-manufacturer-list .view-content{
   display: flex;
   justify-content: space-around;
-  height: 100px;
+  height: 105px;
+  padding-top: 25px;
 }
 .view-manufacturer-list .view-content img.img-responsive{
   display: block;
-height: auto;
-height: 90px !important;
-width: auto !important;
+/* height: auto; */
+height: auto !important;
+width: 116px !important;
 }
 header.navbar .category-menu ul.menu ul.dropdown-menu li {
   /* border: none; */
@@ -411,7 +413,7 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
   right: 0;
   width: 100%;
   height: 90px;
-  background: linear-gradient(45deg,#fee0a0 , #f5be77);
+  background: linear-gradient(45deg,#fee0a0 24% , #f5b58f);
 }
 
 
@@ -641,7 +643,7 @@ header .link_content a:hover {
 .pin {
   border: 1.75px solid #f11300;
   border-radius: 4px;
-  padding: 5px 20px;
+  padding: 5px ;
   background: #ffffffcc;
   color: white !important;
 }
@@ -703,7 +705,13 @@ header.navbar .block-search-navigation {
   border-radius: 6px;
   overflow: hidden;
 }
+article.commerce-product.teaser-mini .col-lg-8{
+  padding-left: 0 !important;
+}
+article.commerce-product.teaser-mini .product-right{
+  margin-left:  0 !important;
 
+}
 .search .input-group input::placeholder {
   color: #975050 !important;
 }
@@ -840,7 +848,13 @@ header.navbar .block-search-navigation .search-icon {
 }
 
 /* invi 1440 */
-@media (max-width: 1440px) {
+@media (max-width: 1200px) {
+  header.navbar .main-menu ul.menu li a{
+    font-size: 13px !important;
+  }
+  header.navbar .category-menu .block-title{
+    padding: 5px 15px !important;
+  }
 	.search .input-group button{
 		min-width: 50px !important
 	}
@@ -850,7 +864,7 @@ header.navbar .block-search-navigation .search-icon {
 
   header.navbar .main-menu ul.menu li {
     float: left !important;
-    margin-left: 15px !important;
+    margin-left: 5px !important;
     font-size: 13px !important;
     font-weight: 700 !important;
     line-height: 43px !important;
@@ -865,7 +879,7 @@ header.navbar .block-search-navigation .search-icon {
   }
 
   .top-header-wrapper .container-fluid {
-    display: flex;
+    /* display: flex; */
   }
 
   .top-header-wrapper .left-top-header>div {
@@ -889,7 +903,7 @@ header.navbar .block-search-navigation .search-icon {
   }
 
   .top-header-wrapper .left-top-header {
-    margin-top: -12px !important;
+    /* margin-top: -12px !important; */
   }
 
   .top-header-wrapper .left-top-header>div {
@@ -897,7 +911,7 @@ header.navbar .block-search-navigation .search-icon {
   }
 
   .top-header-wrapper {
-    height: 100px !important;
+    /* height: 100px !important; */
     position: relative;
   }
 
@@ -919,14 +933,31 @@ header.navbar .block-search-navigation .search-icon {
 /* invi 991 response */
 
 @media (max-width: 991px) {
+  header.navbar .category-menu ul.menu li{
+    margin-left: 0 !important
+  }
   header.navbar .category-menu ul.menu.hide-block{
     height: 334px;
     overflow-y: scroll;
     overflow-x: hidden;
   }
+  .menu--category-menu .open ul.sidebar-submenu-2.three-level{
+    flex-direction: column !important;
+    padding-top: 0 !important
+  }
+  .menu--category-menu .open ul.sidebar-submenu-2.three-level li{
+    display: flex;
+    flex-direction: column;
+    padding-left: 15px !important;
+    border-bottom: none !important
+  }
 .menu--category-menu .open ul.sidebar-submenu-2{
   position: relative;
-  left: 0
+    left: 0px;
+    top: 0;
+    width: 100%;
+    margin: 0;
+    float: none;
 }
 
 
@@ -10454,9 +10485,10 @@ body.toolbar-loading.toolbar {
   color: #101010;
   border-color: #eee;
   border-bottom: 1px solid #ebebeb;
-  height: 50px;
+  height: auto;
   display: flex;
-  /* justify-content: center; */
+  padding: 6px 0;
+  justify-content: center;
   /* background: #faeed9; */
   align-items: center;
 }
@@ -10933,7 +10965,7 @@ header.navbar .main-menu ul.menu li a i {
 }
 
 header.navbar .main-menu ul.menu li a:hover {
-  color: #f7e558;
+  color: #ff9800;
 }
 
 @media (max-width: 767px) {
@@ -11504,6 +11536,7 @@ header.navbar .block-search-navigation .search-icon.active {
 .estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
   padding: 15px;
   border: 1px solid #e2e2e2;
+  height: 427px
 }
 
 .estore-homepage-first .collection-region .collection-hot-product .field--name-body {
@@ -12016,8 +12049,18 @@ article.commerce-product.full .product-bottom .tab-content {
   border: 1px solid #e2e2e2;
   border-top: none;
 }
-
+article.commerce-product.teaser {
+  border: 1px solid #e2e2e2;
+height: 427px;
+padding: 15px;
+}
 @media (max-width: 991px) {
+  .estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product{
+    height: auto !important;
+  }
+  article.commerce-product.teaser {
+    height: auto !important;
+  }
   article.commerce-product.full .product-bottom {
     clear: both;
   }
@@ -12044,11 +12087,14 @@ article.commerce-product.teaser-mini .product-image {
   max-width: 75px;
   max-height: 75px;
 }
-
+article.commerce-product.teaser-mini .product-inner {
+  max-height: 75px !important
+}
 article.commerce-product.teaser-mini .product-right {
   float: left;
-  max-width: 180px;
+  /* max-width: 180px; */
   margin-left: 15px;
+      height: 75px
 }
 
 article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
@@ -12059,6 +12105,13 @@ article.commerce-product.teaser-mini .product-right .product-title {
   margin: 0;
   font-size: 12px;
 }
+article.commerce-product.teaser-mini .product-right .product-title .field--name  {
+  overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
 
 article.commerce-product.teaser-mini .product-right .product-title a {
   color: #333;
@@ -12071,6 +12124,8 @@ article.commerce-product.teaser-mini .product-right .product-title a:hover {
 article.commerce-product.teaser-mini .product-right .field--name-price {
   color: #333;
   font-size: 12px;
+  position: absolute;
+    bottom: 1px;
 }
 
 article.commerce-product.teaser-mini .product-right .field--name-variations:before,
@@ -12184,7 +12239,7 @@ article.commerce-product.teaser .product-image .products-hover-wrapper {
 }
 
 article.commerce-product.teaser .product-title {
-  margin: 28px 0 0;
+  margin: 15px 0 0;
   padding: 0;
   text-align: center;
   font-size: 15px;

themes/contrib/estore/js/custom.js

@@ -39,32 +39,33 @@
     $(".menu.menu--category-menu.nav").addClass('not-home');
   }
   // console.log($(".sidebar-submenu-3").children('li'));
-  var submenu3 = $(".sidebar-submenu-3");
-  for (let i = 0; i < submenu3.length; i++) {
-    if ($(".sidebar-submenu-3").eq(i).children('li').length > 10) {
-      // var items = $(".sidebar-submenu-3").eq(i).children('li');
-      // var groups = [];
-      // var amountOfGroups = Math.ceil(items.length / 10)
-      // for (var i = 0; i < amountOfGroups; i++) {
-      //   var currentIndex = i * 10
-      //   groups.push(items.slice(currentIndex, currentIndex + 10))
-      // }
-      // console.log("aaaaa",groups);
-$(".sidebar-submenu-3").eq(i).addClass('ul-flex');
-        $(".sidebar-submenu-3").eq(i).children('li').slice(0,10).wrapAll("<ul></ul>");
-        $(".sidebar-submenu-3").eq(i).children('li').slice(0,10).wrapAll("<ul></ul>");
-        $(".sidebar-submenu-3").eq(i).children('li').slice(0,10).wrapAll("<ul></ul>");
-      // $(".sidebar-submenu-3").eq(i).children('li').slice(0,10).css("background-color", "red");
-      // }
-
-      // console.log($(".sidebar-submenu-3").eq(i).children('li'));
-      // //
-      // $(".sidebar-submenu-3").eq(i).children('li').slice(0,10).css("background-color", "blue")
-      // $(".sidebar-submenu-3").eq(i).children('li').slice(20,30).wrapAll("<li></li>").wrapAll("<ul></ul>");
 
+  if($(window).width() > 991){
+    var submenu3 = $(".sidebar-submenu-3");
+    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');
+        $(".sidebar-submenu-3").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+        $(".sidebar-submenu-3").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+        $(".sidebar-submenu-3").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
+      }
     }
+    $(".dropdown-toggle").mouseover(function() {
+      $(this).parent("li.expanded.dropdown").addClass("open");
+    })
+    $(".dropdown-menu").mouseover(function() {
+      $(this).parent("li.expanded.dropdown").addClass("open");
+    })
+    $(".dropdown-menu").mouseleave(function() {
+      $(this).parent("li.expanded.dropdown").removeClass("open");
+    })
+    $(".dropdown-toggle").mouseleave(function() {
+      $(this).parent("li.expanded.dropdown").removeClass("open");
+    })
   }
+  if($(window).width() <= 991){
 
+  }
 
   $(window).scroll(function() {
     // console.log($(window).scrollTop() )
@@ -87,18 +88,7 @@ $(".sidebar-submenu-3").eq(i).addClass('ul-flex');
 
 
   //  Custom menu
-  $(".dropdown-toggle").mouseover(function() {
-    // $(this).parent("li.expanded.dropdown").addClass("open");
-  })
-  $(".dropdown-menu").mouseover(function() {
-    // $(this).parent("li.expanded.dropdown").addClass("open");
-  })
-  $(".dropdown-menu").mouseleave(function() {
-    // $(this).parent("li.expanded.dropdown").removeClass("open");
-  })
-  $(".dropdown-toggle").mouseleave(function() {
-    // $(this).parent("li.expanded.dropdown").removeClass("open");
-  })
+