3 files changed, 6 insertions, 1 deletions
diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css
index a67e4bcf..4d8e5514 100755
--- a/StoneIsland/www/css/index.css
+++ b/StoneIsland/www/css/index.css
@@ -18,6 +18,7 @@ body {
   background: #fff;
   font-family: pfd, sans-serif;
   font-size: 12px;
+  padding-top: constant(safe-area-inset-top);
 }
 
 .loader {
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 0b10cd52..a7c6bacb 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -16,7 +16,7 @@
 
   <meta name="format-detection" content="telephone=no">
   <meta name="msapplication-tap-highlight" content="no">
-  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, viewport-fit=cover">
   <link rel="stylesheet" type="text/css" href="css/fonts/fonts.css">
   <link rel="stylesheet" type="text/css" href="css/fonts/ionicons.css">
   <link rel="stylesheet" type="text/css" href="css/vendor/flickity.css">
diff --git a/StoneIsland/www/js/index.js b/StoneIsland/www/js/index.js
index 72358e0e..413c3bc5 100755
--- a/StoneIsland/www/js/index.js
+++ b/StoneIsland/www/js/index.js
@@ -82,6 +82,10 @@ var app = (function(){
       var image = new Image
       image.src = "./img/compass-logo.png"
     }
+    
+    if (is_iphone_x) {
+      StatusBar.hide()
+    }
 
     app.view = null
     app.router = new SiteRouter ()