Fix nav scroll
This commit is contained in:
Roman Pyrih
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;
|
||||
$cComment: #c3c3c3;
|
||||
$form_gray: #e7e7e7;
|
||||
$font_nunito: 'Nunito',
|
||||
sans-serif;
|
||||
$font_nunito: 'Nunito', sans-serif;
|
||||
|
||||
@import '_mixins';
|
||||
|
||||
@@ -124,7 +123,7 @@ input:-webkit-autofill:active {
|
||||
|
||||
.btn-success:not(:disabled):not(.disabled):active,
|
||||
.btn-success:not(:disabled):not(.disabled).active,
|
||||
.show>.btn-success.dropdown-toggle {
|
||||
.show > .btn-success.dropdown-toggle {
|
||||
background: $cRed;
|
||||
border: none;
|
||||
}
|
||||
@@ -137,7 +136,7 @@ input:-webkit-autofill:active {
|
||||
|
||||
.btn-success:not(:disabled):not(.disabled):active:focus,
|
||||
.btn-success:not(:disabled):not(.disabled).active:focus,
|
||||
.show>.btn-success.dropdown-toggle:focus {
|
||||
.show > .btn-success.dropdown-toggle:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -597,7 +596,37 @@ input:-webkit-autofill:active {
|
||||
position: relative;
|
||||
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 {
|
||||
@media (max-width: 992px) {
|
||||
height: 100% !important;
|
||||
min-height: unset;
|
||||
|
||||
.levelHolderClass {
|
||||
height: 100%;
|
||||
}
|
||||
ul {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -609,18 +638,18 @@ input:-webkit-autofill:active {
|
||||
margin-left: -15px;
|
||||
gap: 20px;
|
||||
|
||||
>li {
|
||||
> li {
|
||||
@include respond-between(sm, md) {
|
||||
&#link-5 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
>i {
|
||||
> i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
>a {
|
||||
> a {
|
||||
font-family: $font_nunito;
|
||||
color: $cText;
|
||||
font-size: 18px;
|
||||
@@ -645,14 +674,14 @@ input:-webkit-autofill:active {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
>ul {
|
||||
> ul {
|
||||
display: flex;
|
||||
animation: fade_in_show 0.5s;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
>ul {
|
||||
> ul {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: none;
|
||||
@@ -661,7 +690,7 @@ input:-webkit-autofill:active {
|
||||
background: #fff;
|
||||
@include transition;
|
||||
|
||||
>li {
|
||||
> li {
|
||||
width: calc(100% / 4);
|
||||
margin-bottom: 25px;
|
||||
|
||||
@@ -685,7 +714,7 @@ input:-webkit-autofill:active {
|
||||
}
|
||||
}
|
||||
|
||||
>a {
|
||||
> a {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
white-space: nowrap;
|
||||
@@ -726,7 +755,6 @@ input:-webkit-autofill:active {
|
||||
|
||||
@include respond-above(xxl) {
|
||||
.product-mini {
|
||||
|
||||
&:nth-child(11),
|
||||
&:nth-child(12) {
|
||||
display: none;
|
||||
@@ -1399,10 +1427,10 @@ input:-webkit-autofill:active {
|
||||
&.level-0 {
|
||||
padding: 0 0 15px 0;
|
||||
|
||||
>li {
|
||||
> li {
|
||||
padding-bottom: 10px;
|
||||
|
||||
>a {
|
||||
> a {
|
||||
font-family: $font_nunito;
|
||||
font-weight: 600;
|
||||
color: $cText;
|
||||
@@ -2131,12 +2159,12 @@ ul.pager {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.grow-wrap>textarea {
|
||||
.grow-wrap > textarea {
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.grow-wrap>textarea,
|
||||
.grow-wrap > textarea,
|
||||
.grow-wrap::after {
|
||||
border: 1px solid #d5d5d5;
|
||||
padding: 0.5rem;
|
||||
@@ -2428,7 +2456,7 @@ ul.pager {
|
||||
.basket-options {
|
||||
padding-top: 25px;
|
||||
|
||||
>.content {
|
||||
> .content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
@@ -2858,7 +2886,7 @@ ul.pager {
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
>* {
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -3255,8 +3283,8 @@ ul.pager {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
>.container {
|
||||
>.row {
|
||||
> .container {
|
||||
> .row {
|
||||
.col-xl-4 {
|
||||
order: 1;
|
||||
}
|
||||
@@ -3281,8 +3309,8 @@ ul.pager {
|
||||
#main-menu {
|
||||
#menu-container-1 {
|
||||
ul.level-0 {
|
||||
>li {
|
||||
>ul {
|
||||
> li {
|
||||
> ul {
|
||||
padding: 25px;
|
||||
}
|
||||
}
|
||||
@@ -3324,7 +3352,7 @@ ul.pager {
|
||||
}
|
||||
|
||||
.basket-summary-address {
|
||||
>.basket-address-form {
|
||||
> .basket-address-form {
|
||||
.left {
|
||||
.addresses {
|
||||
.address {
|
||||
@@ -3598,7 +3626,6 @@ ul.pager {
|
||||
}
|
||||
|
||||
.pager {
|
||||
|
||||
.first,
|
||||
.last {
|
||||
display: none;
|
||||
@@ -4171,7 +4198,8 @@ ul.pager {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content {}
|
||||
.content {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5157,7 +5185,6 @@ ul.pager {
|
||||
|
||||
ul {
|
||||
li {
|
||||
|
||||
a,
|
||||
.menu-trigger {
|
||||
text-transform: none;
|
||||
@@ -5359,7 +5386,8 @@ ul.pager {
|
||||
|
||||
li {
|
||||
@include respond-above(md) {
|
||||
width: calc(100% / 4);
|
||||
// width: calc(100% / 4);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -5522,7 +5550,6 @@ ul.pager {
|
||||
.products-related {
|
||||
.owl-carousel {
|
||||
.owl-nav {
|
||||
|
||||
.owl-prev,
|
||||
.owl-next {
|
||||
span {
|
||||
@@ -5657,7 +5684,6 @@ ul.pager {
|
||||
border-radius: 10px;
|
||||
|
||||
.jconfirm-buttons {
|
||||
|
||||
.btn.btn-blue,
|
||||
.btn.btn-orange {
|
||||
background-color: $cRed !important;
|
||||
@@ -5684,7 +5710,6 @@ ul.pager {
|
||||
#basket {
|
||||
.basket-product {
|
||||
.buttons {
|
||||
|
||||
.int-format.form-control:focus,
|
||||
.int-format.form-control:active {
|
||||
border: 2px solid #000;
|
||||
@@ -5695,7 +5720,8 @@ ul.pager {
|
||||
}
|
||||
|
||||
.row {
|
||||
.col-12 {}
|
||||
.col-12 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5706,7 +5732,6 @@ ul.pager {
|
||||
#basket {
|
||||
.basket-bottom {
|
||||
.basket-message {
|
||||
|
||||
.form-control:focus,
|
||||
.form-control:active {
|
||||
border: 2px solid #000;
|
||||
@@ -6129,7 +6154,7 @@ ul.pager {
|
||||
}
|
||||
|
||||
.row {
|
||||
>div {
|
||||
> div {
|
||||
&:hover {
|
||||
img {
|
||||
animation-name: buzz-out-on-hover;
|
||||
@@ -6270,7 +6295,6 @@ ul.pager {
|
||||
}
|
||||
|
||||
.swiper {
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
width: 40px;
|
||||
|
||||
@@ -32,6 +32,8 @@
|
||||
$( '#menu-container-<?= $this -> menu['id'];?>' ).multilevelpushmenu( 'collapse' );
|
||||
$( this ).addClass( 'hidden' );
|
||||
$( '#mobile-menu-open' ).removeClass( 'hidden' );
|
||||
$('body').removeClass('no-scroll');
|
||||
$('#main-menu').removeClass('active');
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#mobile-menu-open', function()
|
||||
@@ -39,6 +41,8 @@
|
||||
$( '#menu-container-<?= $this -> menu['id'];?>' ).css( 'visibility', 'visible' ).multilevelpushmenu( 'expand' );
|
||||
$( this ).addClass( 'hidden' );
|
||||
$( '#mobile-menu-close' ).removeClass( 'hidden' );
|
||||
$('body').addClass('no-scroll');
|
||||
$('#main-menu').addClass('active');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user