edit responsive

themes/contrib/estore/css/styles.css

@@ -20,7 +20,22 @@ body {
   -ms-text-size-adjust: 100%;
 }
 
+/* custom product */
+article.commerce-product.teaser .product-image .products-hover-wrapper{
+	opacity: 0 !important;
+	cursor:  pointer;
+}
+article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"]{
+	opacity:  0 !important
+}
+article.commerce-product.teaser .product-image img:hover {
+	transform: scale(1.2);
+}
+article.commerce-product.teaser .product-image img {
+	transition:all .4s linear;
+}
 /* invi custom */
+
 .middle-header-wrapper{
 	background-color: #f8ebbc !important;
 }
@@ -38,7 +53,9 @@ body {
 .menu--main .open ul.sidebar-submenu-2.three-level{
 	flex-direction: row !important;
 }
-
+.middle-header-wrapper  .col-md-3{
+	padding: 0 !important
+}
 .menu--main .open ul.sidebar-submenu-2 li  a{
 	white-space: normal;
 	padding: 0 5px;
@@ -52,6 +69,7 @@ body {
 .menu--main .open ul.sidebar-submenu-2.sidebar-submenu-3 li{
 	padding: 7px 0
 }
+
 /* .menu--main .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 {
 	display: flex;
 	flex-direction: column !important;
@@ -655,6 +673,56 @@ header.navbar .block-search-navigation .search-icon {
 .mobile-top{
 	display: none;
 }
+/* invi 1440 */
+@media (max-width: 1440px) {
+	header.navbar .main-menu ul.menu li:first-child{
+		margin-left: 0!important;
+	}
+	header.navbar .main-menu ul.menu li {
+    float: left !important;
+    margin-left: 15px!important;
+    font-size: 13px!important;
+    font-weight: 700!important;
+    line-height: 43px !important;
+}
+header.navbar .category-menu{
+	font-size: 13px
+}
+header.navbar .category-menu .block-title span{
+	font-size: 13px
+}
+.top-header-wrapper .right-top-header ul.menu .first a{
+	right: 110px !important
+}
+.middle-header-wrapper .region-left-middle-header .branding-block .site-title .name{
+	font-size: 26px !important;
+}
+.middle-header-wrapper .region-left-middle-header .branding-block .logo img{
+	width: 36px !important
+}
+.top-header-wrapper .left-top-header{
+	margin-top: -12px !important;
+}
+.top-header-wrapper .left-top-header>div {
+	 margin: 6px 5px !important;
+}
+.top-header-wrapper{
+	height: 100px !important;
+	position: relative;
+}
+.top-header-wrapper .left-top-header>div:first-child{
+	margin-left: 5px
+}
+.top-header-wrapper .right-top-header ul.menu a{
+	position: absolute;
+	top: 16px;
+	right: 0;
+	width: 76px;
+	/* margin: auto; */
+	display: flex;
+	justify-content: center;
+}
+}
 /* invi 991 response */
 @media (max-width: 991px) {
 	header.navbar .category-menu ul.menu.litte-menu{
@@ -10562,7 +10630,7 @@ header.navbar .main-menu .toggle-wrap {
 
 header.navbar .main-menu ul.menu li {
   float: left;
-  margin-left: 38px;
+  margin-left: 30px;
   font-size: 14px;
   font-weight: 700;
   line-height: 43px;

themes/contrib/estore/templates/block/block--system-branding-block.html.twig

@@ -19,7 +19,7 @@
   <div class="branding-block clearfix">
     {% if site_logo %}
       <a class="logo navbar-btn pull-left" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
-        <img class="logo_img"  src="/themes/contrib/estore/logo.svg" alt="{{ 'Home'|t }}" />
+        <img class="logo_img"  src="/themes/contrib/estore/logo.png" alt="{{ 'Home'|t }}" />
       </a>
     {% endif %}
 

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

@@ -54,7 +54,7 @@
 {% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
 {# Navbar #}
 
-  {% block navbar %}
+{% block navbar %}
   {%
       set navbar_classes = [
         'navbar',
@@ -131,9 +131,7 @@
       </div>
     </div>
   </div>
-    <div class="mobile-modal">
-
-    </div>
+  <div class="mobile-modal"></div>
   <div class="middle-header-wrapper clearfix">
     <div class="container-fluid">
       <div class="col-md-3 col-xs-7">
@@ -142,7 +140,7 @@
         {% endif %}
       </div>
 
-        <div  class="col-md-7 col-xs-2 order-button  text-center">
+      <div class="col-lg-6 col-md-7 col-xs-2 order-button  text-center">
         <header{{ navbar_attributes.addclass(navbar_classes) }} id="navbar" role="banner">
           <div class="navbar-header">
             {% if page.middle_header %}
@@ -156,7 +154,7 @@
         </button>
       </div>
 
-            <div class="col-md-2 col-xs-3">
+      <div class="col-md-2 col-lg-3 col-xs-3">
         {% if page.right_middle_header %}
           {{ page.right_middle_header }}
         {% endif %}
@@ -174,14 +172,14 @@
 
         {{ page.navigation }}
         <div class="row">
-                <div class="col-lg-3 col-xs-6 col-md -6">
+          <div class="col-lg-3 col-xs-6 col-md-3">
             {{page.right_bottom_header}}
 
           </div>
-                <div class="col-lg-6">
+          <div class="col-lg-6 col-md-6">
             {{page.middle_bottom_header}}
           </div>
-                <div class="col-lg-3 col-xs-6 col-md-6">
+          <div class="col-lg-3 col-xs-6 col-md-3">
             {{page.left_bottom_header}}
           </div>
         </div>
@@ -198,11 +196,10 @@
       </div>
     {% endif %}
   </header>
-      {% endblock %}
+{% endblock %}
 
-
-    {# Main #}
-    {% block main %}
+{# Main #}
+{% block main %}
   {# Header #}
   {% if page.header %}
     {% block header %}
@@ -270,11 +267,11 @@
       {% endif %}
     </div>
   </div>
-    {% endblock %}
-  <a id="scrollUp" href="#top" style="position: fixed; z-index: 2147483647; display: block;">
+{% endblock %}
+<a id="scrollUp" href="#top" style="position: fixed; z-index: 2147483647; display: block;">
   <i class="fa fa-angle-double-up"></i>
-  </a>
-    {% block footer %}
+</a>
+{% block footer %}
   <footer class="footer" role="contentinfo">
     <div class="footer-top clearfix">
       <div class="container-fluid">
@@ -325,4 +322,4 @@
     </div>
 
   </footer>
-    {% endblock %}
+{% endblock %}