Change meni lvl-1 action

layout/js/custom.js

@@ -1,31 +1,32 @@
-
 $(function () {
 	function activateProductBox(boxHref) {
-		$(".row", productList).removeClass("active")
+		$('.row', productList).removeClass('active')
-		$(productList).find(`#${boxHref}`).addClass("active")
+		$(productList).find(`#${boxHref}`).addClass('active')
-    console.log($(productList).find(`#${boxHref}`))
+		console.log($(productList).find(`#${boxHref}`))
 	}
 
-	var productList = $(".colors-preview")
+	var productList = $('.colors-preview')
-	$(".colors-preview", productList).first().addClass("active")
+	$('.colors-preview', productList).first().addClass('active')
 
-	$("#nav_tabs li a").on("click", function () {
+	$('#nav_tabs li a').on('click', function () {
 		event.preventDefault()
-		var boxHref = $(this).attr("href").substring(1)
+		var boxHref = $(this).attr('href').substring(1)
-		$(this).parent().parent().find("li").removeClass("active")
+		$(this).parent().parent().find('li').removeClass('active')
-		$(this).parent().addClass("active")
+		$(this).parent().addClass('active')
 
 		activateProductBox(boxHref)
 	})
 
-	$("#nav_tabs li").first().addClass("active")
+	$('#nav_tabs li').first().addClass('active')
-	$("#characteristics-box .scontainer-content .row").first().addClass("active")
+	$('#characteristics-box .scontainer-content .row').first().addClass('active')
 })
 
 $(function () {
-	$("#scontainer-83 .box-data ul li").on('click', function(){
+	$('#scontainer-83 .box-data ul li').on('click', function () {
-
+		$('#scontainer-83 .box-data ul li')
-		$("#scontainer-83 .box-data ul li").not($(this)).find('p').removeClass('active')
+			.not($(this))
-		$(this).find('p').toggleClass("active")
+			.find('p')
+			.removeClass('active')
+		$(this).find('p').toggleClass('active')
 	})
-})
+})

layout/style-scss/nav-menu.scss

@@ -133,12 +133,24 @@ header#header {
 							height: 54px;
 							align-content: center;
 
-							&:hover {
+							&.active {
 								> .submenu {
 									opacity: 1;
 									visibility: visible;
 								}
+
+								> a {
+									i {
+										transform: scale(-1);
+									}
+								}
 							}
+							// &:hover {
+							// 	> .submenu {
+							// 		opacity: 1;
+							// 		visibility: visible;
+							// 	}
+							// }
 							> a {
 								display: flex;
 								flex-direction: row;

templates_user/components/nav-menu-2.php

@@ -500,4 +500,20 @@
         $(this).parent().parent().find('ul:first').slideToggle();
     });
   }
+
+  
+  if ( windowsize > 991 ) {
+        $(function () {
+            $('body').on(
+                click_event,
+                '#header-nav #header-mine-menu .lvl-1 >li.parent >a',
+                function (e) {
+                    e.preventDefault()
+                    
+                    $(this).parent().toggleClass('active');
+                }
+            )
+        })
+    }
+
 </script>