diff --git a/src/frontend/app/app.component.html b/src/frontend/app/app.component.html
index 2f686528931cc473803aa6a860f968684ef0d302..3dc8775cc41e963ae0b2baca94f23b69810c253e 100755
--- a/src/frontend/app/app.component.html
+++ b/src/frontend/app/app.component.html
@@ -6,7 +6,7 @@
         <div id="leftContent" style="display: contents;"></div>
       </ion-menu>
       <ion-router-outlet id="main-content"></ion-router-outlet>
-      <ion-menu [ngClass]="[isPortrait ? 'right-menu' : 'right-menu-responsive']" #rightMenu menuId="right-menu" contentId="main-content" side="end" type="overlay" disabled (ionDidOpen)="showRightContent=true"
+      <ion-menu [ngClass]="[!signaturesService.mobileMode ? 'right-menu' : 'right-menu-responsive']" #rightMenu menuId="right-menu" contentId="main-content" side="end" type="overlay" disabled (ionDidOpen)="showRightContent=true"
       (ionDidClose)="showRightContent=false">
           <div id="rightContent" style="display: contents;"></div>
       </ion-menu>
diff --git a/src/frontend/app/app.component.ts b/src/frontend/app/app.component.ts
index b1089710b903bf37452729639d95146ffb4d411e..f241e423284c41a573a7341a55985c9987df0e3f 100755
--- a/src/frontend/app/app.component.ts
+++ b/src/frontend/app/app.component.ts
@@ -49,9 +49,12 @@ export class AppComponent {
             this.debugMode = true;
         }
 
-        this.platform.resize.subscribe(async () => {
-                this.isPortrait = this.platform.isPortrait() ? true : false;
-        });
+        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+            this.signaturesService.mobileMode = true;
+        } else {
+            this.signaturesService.mobileMode = false;
+        }
+
     }
 
     test() {