Fix nav scroll
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -9,8 +9,7 @@ $cGray: #f6f6f6;
|
|||||||
$cGrayLight: #eceff1;
|
$cGrayLight: #eceff1;
|
||||||
$cComment: #c3c3c3;
|
$cComment: #c3c3c3;
|
||||||
$form_gray: #e7e7e7;
|
$form_gray: #e7e7e7;
|
||||||
$font_nunito: 'Nunito',
|
$font_nunito: 'Nunito', sans-serif;
|
||||||
sans-serif;
|
|
||||||
|
|
||||||
@import '_mixins';
|
@import '_mixins';
|
||||||
|
|
||||||
@@ -597,7 +596,37 @@ input:-webkit-autofill:active {
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
&.active {
|
||||||
|
&::after {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.1);
|
||||||
|
backdrop-filter: blur(3px);
|
||||||
|
transition: all 250ms ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
#menu-container-1 {
|
#menu-container-1 {
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: unset;
|
||||||
|
|
||||||
|
.levelHolderClass {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
height: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -726,7 +755,6 @@ input:-webkit-autofill:active {
|
|||||||
|
|
||||||
@include respond-above(xxl) {
|
@include respond-above(xxl) {
|
||||||
.product-mini {
|
.product-mini {
|
||||||
|
|
||||||
&:nth-child(11),
|
&:nth-child(11),
|
||||||
&:nth-child(12) {
|
&:nth-child(12) {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -3598,7 +3626,6 @@ ul.pager {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.pager {
|
.pager {
|
||||||
|
|
||||||
.first,
|
.first,
|
||||||
.last {
|
.last {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -4171,7 +4198,8 @@ ul.pager {
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {}
|
.content {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -5157,7 +5185,6 @@ ul.pager {
|
|||||||
|
|
||||||
ul {
|
ul {
|
||||||
li {
|
li {
|
||||||
|
|
||||||
a,
|
a,
|
||||||
.menu-trigger {
|
.menu-trigger {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
@@ -5359,7 +5386,8 @@ ul.pager {
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
@include respond-above(md) {
|
@include respond-above(md) {
|
||||||
width: calc(100% / 4);
|
// width: calc(100% / 4);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -5522,7 +5550,6 @@ ul.pager {
|
|||||||
.products-related {
|
.products-related {
|
||||||
.owl-carousel {
|
.owl-carousel {
|
||||||
.owl-nav {
|
.owl-nav {
|
||||||
|
|
||||||
.owl-prev,
|
.owl-prev,
|
||||||
.owl-next {
|
.owl-next {
|
||||||
span {
|
span {
|
||||||
@@ -5657,7 +5684,6 @@ ul.pager {
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
.jconfirm-buttons {
|
.jconfirm-buttons {
|
||||||
|
|
||||||
.btn.btn-blue,
|
.btn.btn-blue,
|
||||||
.btn.btn-orange {
|
.btn.btn-orange {
|
||||||
background-color: $cRed !important;
|
background-color: $cRed !important;
|
||||||
@@ -5684,7 +5710,6 @@ ul.pager {
|
|||||||
#basket {
|
#basket {
|
||||||
.basket-product {
|
.basket-product {
|
||||||
.buttons {
|
.buttons {
|
||||||
|
|
||||||
.int-format.form-control:focus,
|
.int-format.form-control:focus,
|
||||||
.int-format.form-control:active {
|
.int-format.form-control:active {
|
||||||
border: 2px solid #000;
|
border: 2px solid #000;
|
||||||
@@ -5695,7 +5720,8 @@ ul.pager {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
.col-12 {}
|
.col-12 {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -5706,7 +5732,6 @@ ul.pager {
|
|||||||
#basket {
|
#basket {
|
||||||
.basket-bottom {
|
.basket-bottom {
|
||||||
.basket-message {
|
.basket-message {
|
||||||
|
|
||||||
.form-control:focus,
|
.form-control:focus,
|
||||||
.form-control:active {
|
.form-control:active {
|
||||||
border: 2px solid #000;
|
border: 2px solid #000;
|
||||||
@@ -6270,7 +6295,6 @@ ul.pager {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.swiper {
|
.swiper {
|
||||||
|
|
||||||
.swiper-button-prev,
|
.swiper-button-prev,
|
||||||
.swiper-button-next {
|
.swiper-button-next {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|||||||
@@ -32,6 +32,8 @@
|
|||||||
$( '#menu-container-<?= $this -> menu['id'];?>' ).multilevelpushmenu( 'collapse' );
|
$( '#menu-container-<?= $this -> menu['id'];?>' ).multilevelpushmenu( 'collapse' );
|
||||||
$( this ).addClass( 'hidden' );
|
$( this ).addClass( 'hidden' );
|
||||||
$( '#mobile-menu-open' ).removeClass( 'hidden' );
|
$( '#mobile-menu-open' ).removeClass( 'hidden' );
|
||||||
|
$('body').removeClass('no-scroll');
|
||||||
|
$('#main-menu').removeClass('active');
|
||||||
});
|
});
|
||||||
|
|
||||||
$( 'body' ).on( click_event, '#mobile-menu-open', function()
|
$( 'body' ).on( click_event, '#mobile-menu-open', function()
|
||||||
@@ -39,6 +41,8 @@
|
|||||||
$( '#menu-container-<?= $this -> menu['id'];?>' ).css( 'visibility', 'visible' ).multilevelpushmenu( 'expand' );
|
$( '#menu-container-<?= $this -> menu['id'];?>' ).css( 'visibility', 'visible' ).multilevelpushmenu( 'expand' );
|
||||||
$( this ).addClass( 'hidden' );
|
$( this ).addClass( 'hidden' );
|
||||||
$( '#mobile-menu-close' ).removeClass( 'hidden' );
|
$( '#mobile-menu-close' ).removeClass( 'hidden' );
|
||||||
|
$('body').addClass('no-scroll');
|
||||||
|
$('#main-menu').addClass('active');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user