Commit be8bacb5 authored by Chi Bui's avatar Chi Bui 👀

edit responsive

parent 87b2423f
......@@ -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;
......
This image diff could not be displayed because it is too large. You can view the blob instead.
......@@ -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 %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment