Fix nav scroll

layout/style-scss/style.scss

@@ -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';
 
@@ -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;
@@ -726,7 +755,6 @@ input:-webkit-autofill:active {
 
 		@include respond-above(xxl) {
 			.product-mini {
-
 				&:nth-child(11),
 				&:nth-child(12) {
 					display: none;
@@ -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;
@@ -6270,7 +6295,6 @@ ul.pager {
 }
 
 .swiper {
-
 	.swiper-button-prev,
 	.swiper-button-next {
 		width: 40px;

templates_user/menu/main-menu.php

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