edit contact

themes/contrib/estore/css/styles.css

@@ -124,13 +124,21 @@ text-transform: uppercase;
 /* invi custom */
 
 .wrap-header {
-  background: linear-gradient(45deg,#fee0a0 24% , #f5b58f);
+  background: rgb(255,255,255);
+  background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%)
+  /* background: linear-gradient(45deg,#fee0a0 24% , #f5b58f); */
   /* background: linear-gradient(45deg,#fee0a0 , #facd87); */
 }
 .middle-header-wrapper {
   /* background-color: #f7df24 !important; */
 }
-
+header .link_content .field--type-text-with-summary p{
+    margin-bottom: 0;
+    text-align: center;
+    font-size: 16px;
+    line-height: 55px;
+    /* font-weight: 500; */
+}
 .bottom-nav {
   /* background-color: #f7df24 !important; */
   padding-bottom: 16px;
@@ -627,7 +635,20 @@ header.navbar .category-menu ul.menu.litte-menu {
   font-weight: bold !important;
   text-shadow: -1px 0 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 2px 0 #fff, 3px 3px 4px rgba(0, 0, 0, 0.5);
 }
+.hl-link-img{
+  background: #f3c09a;
+    z-index: 20;
+    position: absolute;
+    top: 4px;
+    right: 19px;
+    border-radius: 50%;
+    padding: 5px;
+}
 
+.hl-link img{
+  height: 35px;
+right: 15px;
+}
 header .link_content:hover {
   background: #ee964a;
   color: #;
@@ -642,7 +663,6 @@ header .link_content {
   font-size: 14px;
   font-weight: 500;
   height: 54px;
-  line-height: 59px;
   padding: 0 10px;
   text-align: center;
   white-space: nowrap;
@@ -951,6 +971,13 @@ header.navbar .block-search-navigation .search-icon {
 /* invi 991 response */
 
 @media (max-width: 991px) {
+  .hl-link img{
+    height: 24px !important
+  }
+  header .link_content .field--type-text-with-summary p
+  {
+    line-height: 43px
+  }
   header.navbar .category-menu ul.menu li{
     margin-left: 0 !important
   }
@@ -10859,12 +10886,20 @@ header.navbar .category-menu .block-title:hover {
 }
 
 @media (max-width: 991px) {
+  .hl-link-img{
+    top: 3px !important
+  }
   header.navbar .category-menu .block-title {
     padding: 0 10px;
     font-size: 12px;
     height: 40px;
+    line-height: 32px !important;
     border-radius: 3px;
   }
+  header.navbar .category-menu .block-title i{
+    line-height: 32px !important;
+
+  }
 }
 
 header.navbar .category-menu ul.menu {
@@ -11948,6 +11983,32 @@ article.commerce-product.full .product-right  {
   display: flex;
   flex-direction: column;
 }
+.region-sidebar-second article.commerce-product .product-price{
+  position: absolute;
+    bottom: 11px;
+    left: 66px;
+}
+
+.region-sidebar-second article.commerce-product.teaser-micro a img {
+    /* float: right; */
+    /* width: 32px; */
+    width: 70px;
+    height: 67px;
+    object-fit: cover;
+    /* margin-right: 20px; */
+}
+.region-sidebar-second article.commerce-product .field--name-title{
+  margin-left: 23px;
+}
+.content .field--name-body{
+  margin-bottom: 50px
+}
+.region-sidebar-second article.commerce-product  {
+    position: relative;
+    display: flex;
+    height: 75px;
+}
+
 article.commerce-product.full .product-right div {
   order: 2;
   font-size: 16px;

themes/contrib/estore/templates/system/page.html.twig

@@ -169,16 +169,20 @@
 
           {{ page.navigation }}
           <div class="row">
-            <div class="col-lg-3 col-xs-6 col-md-3">
+            <div class="col-lg-3 col-xs-12 col-sm-6 col-md-3">
               {{page.right_bottom_header}}
 
             </div>
             <div class="col-lg-6 col-md-6">
               {{page.middle_bottom_header}}
             </div>
-            <div class="col-lg-3 col-xs-6 col-md-3">
-
-              {{page.left_bottom_header}} 
+            <div class="col-lg-3 col-xs-12 col-sm-6 col-md-3">
+              <div class="hl-link">
+                {{page.left_bottom_header}}
+                <div class="hl-link-img">
+                  <img src="/themes/contrib/estore/images/phone.png" alt="phone">
+                </div>
+              </div>
             </div>
           </div>
         </div>