fix: change menu postion based on platform

src/app/shared/header/header.page.html

@@ -47,7 +47,7 @@
       </div>
     </div>
 
-    <div class="desktop mx-20">
+    <div *ngIf="this.platform.is('desktop')" class="desktop mx-20">
       <div class="d-flex justify-space-between align-center">
         <div tab="events" class="div-logo height-fit-content">
           <div class="logo-icon">
@@ -169,6 +169,7 @@
       </div>
 
     </div>
+
   </div>
   <div class="header-bottom-line"></div>
   <!-- {{ RouteService.history | json }} -->

src/app/shared/header/header.page.scss

@@ -121,16 +121,22 @@
   display: none;
 }
 
-@media only screen and (min-width: 1366px) {
+// @media only screen and (min-width: 1366px) {
 
-  .mobile{
-    display: none !important;
-  }
-  .desktop{
-    display: block;
-  }
+//   .mobile{
+//     display: none !important;
+//   }
+//   .desktop{
+//     display: block;
+//   }
 
-}
+// }
+.mobile{
+      display: none !important;
+    }
+    .desktop{
+      display: block;
+    }
 
 .tab{
   height: 65px;

src/app/shared/header/header.page.ts

@@ -39,7 +39,7 @@ export class HeaderPage implements OnInit {
     private modalController: ModalController,
     private animationController: AnimationController,
     private storageservice: StorageService,
-    private platform: Platform,
+    public platform: Platform,
     //private notificationsService: NotificationsService,
     private eventrigger: EventTrigger,
     public ThemeService: ThemeService,