Fix nav scroll

This commit is contained in:
Roman Pyrih
2026-02-10 12:30:06 +01:00
parent 33c997ce0d
commit 23ed184577
4 changed files with 5152 additions and 5124 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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;

View File

@@ -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');
}); });
} }
}); });