edi themes 21/08

themes/contrib/estore/css/styles.css

@@ -378,7 +378,7 @@ padding: 20px 20px 14px !important;
 
 .menu--category-menu .open ul.sidebar-submenu-2 li {
   width: 251px !important;
-  padding: 11px 7px !important;
+  padding: 10px 7px !important;
   /* height: 40px; */
   display: flex;
   align-items: center;
@@ -408,10 +408,10 @@ padding: 20px 20px 14px !important;
   padding: 9px 5px  !important;
   min-height: 458px;
   margin: 0;
-  /* border-left: none; */
-  /* border-right: 2px solid #e94337; */
-  /* border-bottom: 2px solid #e94337; */
-  /* border-top: 2px solid #e94337; */
+  border-left: 2px solid #e94337;
+  border-right: 2px solid #e94337;
+  border-bottom: 2px solid #e94337;
+  border-top: 2px solid #e94337;
 }
 
 /* .menu--category-menu .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 {
@@ -566,6 +566,7 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
 }
 
 @media(min-width: 991px) and (max-width:1200px) {
+
   .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
     margin-left: 0 !important;
     margin-right: 8px !important
@@ -655,6 +656,10 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
   padding-left: 10px;
   padding-right: 10px;
 }
+.collection-region .col-product .col-sm-6{
+  padding-left: 10px;
+  padding-right: 10px;
+}
 .cart-form button.btn-default{
   background-color: #ea5354 !important;
   color: white !important;
@@ -692,7 +697,7 @@ input::-webkit-inner-spin-button {
 
 }
 article.commerce-product.full .product-right .field--name-quantity input[type="number"]{
-  margin-bottom: 2px !important;
+  margin-bottom: -1px !important;
 }
 input[type=number] {
   width: 40px !important;
@@ -739,8 +744,17 @@ input[type=number] {
   box-shadow: none;
 }
 .menu--category-menu.product {
-  overflow:auto;
-  max-height: 785px;
+  /* overflow:auto; */
+  /* max-height: 785px; */
+}
+.menu--category-menu.product  ul.sidebar-submenu-2{
+  position: relative;
+  left: 0;
+  width: 100%;
+  min-height: auto;
+  padding: 2px !important;
+  /* padding-left: 10px !important; */
+  border: none;
 }
 .menu--category-menu.product .open ul.sidebar-submenu-2{
   position: relative;
@@ -750,7 +764,6 @@ input[type=number] {
   padding: 2px !important;
   /* padding-left: 10px !important; */
   border: none;
-
 }
 .menu--category-menu.product .open ul.sidebar-submenu-2 li:nth-last-child(1){
   border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
@@ -1001,11 +1014,13 @@ header .link_content {
   white-space: nowrap;
   width: 100%;
   border-radius: 5px;
+  z-index: 50;;
 }
 
 header .link_content a {
   color: #E94536 !important;
     font-size: 26px;
+    display: block;
 }
 
 /* header .link_content a:hover {
@@ -11991,7 +12006,7 @@ header.navbar .block-search-navigation .search-icon.active {
 }
 
 .estore-homepage-first .features-products-carousel {
-  margin: 30px 0 0;
+  /* margin: 30px 0 0; */
 }
 
 .estore-homepage-first .features-products-carousel .product-item {
@@ -12201,9 +12216,9 @@ header.navbar .block-search-navigation .search-icon.active {
 .estore-homepage-first .collection-region .collection-banner img {
   display: block;
   max-width: 100%;
-  height: auto;
   height: 464px;
-  width: auto;
+  width: 100%;
+  object-fit: cover;
 }
 
 .estore-homepage-first .collection-region .collection-hot-product .block-title {
@@ -12215,7 +12230,13 @@ header.navbar .block-search-navigation .search-icon.active {
   background-color: #e94337;
   font-size: 18px;
 }
-
+.features-products-carousel .product-item article.commerce-product.teaser{
+  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
+    overflow: hidden;
+    margin-top: 8px;
+    min-height: 420px;
+    padding: 0 !important
+}
 .estore-homepage-first .collection-region .view-display-id-block_hot_product {
   padding: 15px;
   border: 1px solid #e2e2e2;
@@ -12811,7 +12832,10 @@ article.commerce-product.full .product-bottom .tab-content {
   margin-top: 0;
 }
 article.commerce-product.teaser {
-  padding: 5px 0 5px;
+  /* padding: 5px 0 5px; */
+  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
+  overflow: hidden;
+  margin-bottom: 15px !important;
 }
 
 .block-webform {
@@ -13037,13 +13061,11 @@ article.commerce-product.teaser .product-title {
   overflow: hidden;
   height: 30px;
 }
-.search-product .views-field-title a{
-  color: #333;
-}
-.search-product .views-field-title a:hover{
+
+.search-product .title a:hover{
   color: #e94337;
 }
-.search-product .views-field-title{
+.search-product .title a{
   margin: 15px 0 0;
   padding: 0;
   text-align: center;
@@ -13056,8 +13078,10 @@ article.commerce-product.teaser .product-title {
   font-size: 15px;
   font-weight: 700px;
   line-height: 1.1;
+  color: #333;
+
 }
-.search-product .views-field-price{
+.search-product .product-price{
   text-align: center;
   color: #e94537;
   line-height: 1.8;
@@ -13101,7 +13125,7 @@ article.commerce-product.teaser .field--name-quantity {
 }
 
 article.commerce-product.teaser .field--name-price {
-  margin-bottom: 0;
+  margin-bottom: 0 !important;
   text-align: center;
   color: #e94537;
   line-height: 1.8;
@@ -13174,6 +13198,9 @@ article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit
   article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
     top: 35%;
   }
+  .menu--category-menu .open ul.sidebar-submenu-2{
+    border: none !important;
+  }
 }
 
 article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:before {
@@ -13355,7 +13382,10 @@ p:last-child,
 .alert {
   margin-top: 20px;
 }
-
+.menu--category-menu.product .dropdown-menu{
+  display: flex !important;
+  flex-direction: column;
+}
 article.commerce-product.full .product-right .field--name-variations button {
   margin-bottom: 10px;
   background: #e94537;
@@ -13368,6 +13398,14 @@ article.commerce-product.full .product-right .field--name-variations button {
 a {
   transition: all 0.1s ease-in-out;
 }
+.search-product .col {
+  padding: 10px;
+}
+.search-product .product-wrapper{
+  box-shadow: 0px 0px 7px 0px rgba(0,0,0,.21);
+    overflow: hidden;
+    margin-bottom: 10px;
+}
 .cart-form .table-responsive {
   min-height: 200px;
 }

themes/contrib/estore/templates/layouts/homepage/first/homepage--first.html.twig

@@ -19,11 +19,11 @@
       <div class=" container-fluid">
         <div class="top-region-inner">
           <div class="row">
-            <div class="col-lg-3 hidden-xs hidden-sm">  </div>
-            <div {{ region_attributes.top_slideshow.addClass('layout__region', 'layout__region--top-slideshow','col-lg-6', 'col-md-12') }}>
+            <div class="col-lg-3 hidden-xs col-sm-3 ">  </div>
+            <div {{ region_attributes.top_slideshow.addClass('layout__region', 'layout__region--top-slideshow','col-lg-6', 'col-md-6', 'col-sm-12') }}>
               {{ content.top_slideshow }}
             </div>
-            <div {{ region_attributes.top_categories.addClass('layout__region', 'layout__region--top-categories', 'col-lg-3', 'col-md-12') }}>
+            <div {{ region_attributes.top_categories.addClass('layout__region', 'layout__region--top-categories', 'col-lg-3', 'col-md-3', 'col-sm-12') }}>
               {{ content.top_categories }}
             </div>
           </div>