Skip to content

P
ptd
Commit 84742dd4 authored by Chi Bui's avatar Chi Bui 👀
Browse files
Options

edit responsive

parent 327df60f
Hide whitespace changes
Inline Side-by-side
Showing with 99 additions and 54 deletions
themes/contrib/estore/css/styles.css
View file @ 84742dd4
......@@ -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
View file @ 84742dd4
......@@ -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");
})
......
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