mobile main menu UI

src/app/_modules/layout/header/header.component.ts

@@ -56,6 +56,7 @@ export class HeaderComponent {
   }
 
   itemSelect(event:any){
-    if(!event.children?.data.length) this.showBottom = false;
+    // if(!event.children?.data.length) 
+    this.showBottom = false;
   }
 }

src/app/_modules/pages/menu/item/pages-menu-item.component.html

@@ -1,6 +1,6 @@
 <div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="showChildren=!showChildren"></div>
 
-<a [routerLink]="item.link" routerLinkActive="active" (click)="showChildren=!showChildren; select(item)"
+<a [routerLink]="item.link" routerLinkActive="active" (click)="select(item)"
 [ngClass]="{'active-mob':item.link==currentURL}"><span>{{item.name}}</span></a>
 
 <pages-menu *ngIf="children?.length" [items]="children"  

src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss

@@ -32,14 +32,3 @@
 
 
 }
-.full-screen{
-    position: fixed;
-    top:0;
-    z-index: 200;
-    left: 0;
-    background-color: rgba(45, 45, 45, 0.63);
-    width: 100vw;
-    height: 100vh;
-    object-fit: contain;
-    cursor: pointer;
-}

src/assets/css/main-menu.scss

@@ -74,12 +74,11 @@
           margin-right: 16px;
         }
         .toggle{
-            background: url('~src/assets/images/icons/expand_less_24.svg') center no-repeat;
-            transform: rotateZ(90deg);
+            background: url('~src/assets/images/icons/chevron_cirle_right_24dp.svg') center no-repeat;
             transition: transform 0.3s;
         }
         .open {
-            transform: rotateZ(180deg);
+            transform: rotateZ(90deg);
         }
     
         

src/assets/images/icons/chevron_cirle_right_24dp.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+
+ <g class="layer">
+  <title>Layer 1</title>
+  <ellipse cx="12.05" cy="12.05" fill="#ffffff" fill-opacity="0" id="svg_2" rx="10.95" ry="10.95" stroke="#ffffff" stroke-opacity="0.33" stroke-width="1.8"/>
+  <path d="m16,12l-6,6l-1.4,-1.4l4.6,-4.6l-4.6,-4.6l1.4,-1.4l6,6z" fill="#ffffff" id="svg_1"/>
+ </g>
+</svg>