diff --git a/apps/documenteditor/mobile/app/view/Editor.js b/apps/documenteditor/mobile/app/view/Editor.js
index ed888a92ab..04855022b2 100644
--- a/apps/documenteditor/mobile/app/view/Editor.js
+++ b/apps/documenteditor/mobile/app/view/Editor.js
@@ -67,7 +67,7 @@ define([
         // Render layout
         render: function() {
             var el = $(this.el);
-            el.html(this.template({
+            el.prepend(this.template({
                 backTitle: Framework7.prototype.device.android ? '' : ''
             }));
 
diff --git a/apps/documenteditor/mobile/index.html b/apps/documenteditor/mobile/index.html
index 2655ae04c3..866e5930d7 100644
--- a/apps/documenteditor/mobile/index.html
+++ b/apps/documenteditor/mobile/index.html
@@ -182,8 +182,6 @@
             }
         </script>
 
-        <div id="viewport"></div>
-
         <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
         <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/documenteditor/mobile/index.html.deploy b/apps/documenteditor/mobile/index.html.deploy
index 793a47b481..df17dc2a94 100644
--- a/apps/documenteditor/mobile/index.html.deploy
+++ b/apps/documenteditor/mobile/index.html.deploy
@@ -218,7 +218,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
     </body>
 </html>
diff --git a/apps/documenteditor/mobile/index_loader.html b/apps/documenteditor/mobile/index_loader.html
index 694d6f77e9..3b4bd432e3 100644
--- a/apps/documenteditor/mobile/index_loader.html
+++ b/apps/documenteditor/mobile/index_loader.html
@@ -24,7 +24,7 @@
             overflow: hidden;
             border: none;
             background-color: #f4f4f4;
-            z-index: 100;
+            z-index: 10000;
         }
         .loader-page {
             width: 100%;
@@ -228,8 +228,6 @@
         '</div>');
 </script>
 
-<div id="viewport"></div>
-
 <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/documenteditor/mobile/index_loader.html.deploy b/apps/documenteditor/mobile/index_loader.html.deploy
index dc911efec4..0fbe223db5 100644
--- a/apps/documenteditor/mobile/index_loader.html.deploy
+++ b/apps/documenteditor/mobile/index_loader.html.deploy
@@ -23,7 +23,7 @@
                 overflow: hidden;
                 border: none;
                 background-color: #f4f4f4;
-                z-index: 100;
+                z-index: 10000;
             }
 
             .loader-page {
@@ -287,7 +287,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
     </body>
 </html>
diff --git a/apps/presentationeditor/mobile/app/view/Editor.js b/apps/presentationeditor/mobile/app/view/Editor.js
index 43fcb0efd4..f6b985238e 100644
--- a/apps/presentationeditor/mobile/app/view/Editor.js
+++ b/apps/presentationeditor/mobile/app/view/Editor.js
@@ -67,7 +67,7 @@ define([
         // Render layout
         render: function() {
             var el = $(this.el);
-            el.html(this.template({
+            el.prepend(this.template({
                 backTitle: Framework7.prototype.device.android ? '' : ''
             }));
 
diff --git a/apps/presentationeditor/mobile/index.html b/apps/presentationeditor/mobile/index.html
index 89dce081e4..966df214ea 100644
--- a/apps/presentationeditor/mobile/index.html
+++ b/apps/presentationeditor/mobile/index.html
@@ -233,8 +233,6 @@
             }
         </script>
 
-        <div id="viewport"></div>
-
         <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
         <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/presentationeditor/mobile/index.html.deploy b/apps/presentationeditor/mobile/index.html.deploy
index a8e5cb353e..8d6cd71b7c 100644
--- a/apps/presentationeditor/mobile/index.html.deploy
+++ b/apps/presentationeditor/mobile/index.html.deploy
@@ -269,7 +269,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
     </body>
 </html>
diff --git a/apps/presentationeditor/mobile/index_loader.html b/apps/presentationeditor/mobile/index_loader.html
index b28c8cbee4..fb37270cd9 100644
--- a/apps/presentationeditor/mobile/index_loader.html
+++ b/apps/presentationeditor/mobile/index_loader.html
@@ -24,7 +24,7 @@
             overflow: hidden;
             border: none;
             background-color: #f4f4f4;
-            z-index: 100;
+            z-index: 10000;
         }
         .loader-page {
             width: 100%;
@@ -228,8 +228,6 @@
         '</div>');
 </script>
 
-<div id="viewport"></div>
-
 <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/presentationeditor/mobile/index_loader.html.deploy b/apps/presentationeditor/mobile/index_loader.html.deploy
index f2a19a0e78..b498c88635 100644
--- a/apps/presentationeditor/mobile/index_loader.html.deploy
+++ b/apps/presentationeditor/mobile/index_loader.html.deploy
@@ -23,7 +23,7 @@
                 overflow: hidden;
                 border: none;
                 background-color: #f4f4f4;
-                z-index: 100;
+                z-index: 10000;
             }
 
             .loader-page {
@@ -287,7 +287,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
     </body>
 </html>
diff --git a/apps/spreadsheeteditor/mobile/app/controller/Main.js b/apps/spreadsheeteditor/mobile/app/controller/Main.js
index 1f944b3e23..c3eeaefc36 100644
--- a/apps/spreadsheeteditor/mobile/app/controller/Main.js
+++ b/apps/spreadsheeteditor/mobile/app/controller/Main.js
@@ -731,7 +731,7 @@ define([
                 if (me.appOptions.canBrandingExt && (me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))) {
                     $('#editor-navbar #navbar-logo').hide();
                     $('#editor-navbar').removeClass('logo-navbar');
-                    $('#editor_sdk').removeClass('with-logo');
+                    $('.page.editor').removeClass('with-logo');
                 }
             },
 
diff --git a/apps/spreadsheeteditor/mobile/app/view/Editor.js b/apps/spreadsheeteditor/mobile/app/view/Editor.js
index 757361899d..6f5e7a45f0 100644
--- a/apps/spreadsheeteditor/mobile/app/view/Editor.js
+++ b/apps/spreadsheeteditor/mobile/app/view/Editor.js
@@ -66,7 +66,7 @@ define([
         // Render layout
         render: function() {
             var el = $(this.el);
-            el.html(this.template({
+            el.prepend(this.template({
                 backTitle: Framework7.prototype.device.android ? '' : ''
             }));
 
diff --git a/apps/spreadsheeteditor/mobile/index.html b/apps/spreadsheeteditor/mobile/index.html
index b06109480e..a3aec0b67e 100644
--- a/apps/spreadsheeteditor/mobile/index.html
+++ b/apps/spreadsheeteditor/mobile/index.html
@@ -208,8 +208,6 @@
             }
         </script>
 
-        <div id="viewport"></div>
-
         <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
         <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/spreadsheeteditor/mobile/index.html.deploy b/apps/spreadsheeteditor/mobile/index.html.deploy
index 9ba16329db..6c531236b5 100644
--- a/apps/spreadsheeteditor/mobile/index.html.deploy
+++ b/apps/spreadsheeteditor/mobile/index.html.deploy
@@ -240,7 +240,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
     </body>
 </html>
diff --git a/apps/spreadsheeteditor/mobile/index_loader.html b/apps/spreadsheeteditor/mobile/index_loader.html
index 1e223ba3fd..acdcf4a427 100644
--- a/apps/spreadsheeteditor/mobile/index_loader.html
+++ b/apps/spreadsheeteditor/mobile/index_loader.html
@@ -25,7 +25,7 @@
             overflow: hidden;
             border: none;
             background-color: #f4f4f4;
-            z-index: 100;
+            z-index: 10000;
         }
         .loader-page {
             width: 100%;
@@ -229,8 +229,6 @@
         '</div>');
 </script>
 
-<div id="viewport"></div>
-
 <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
 
diff --git a/apps/spreadsheeteditor/mobile/index_loader.html.deploy b/apps/spreadsheeteditor/mobile/index_loader.html.deploy
index 79a4ef3234..bd73d6f97f 100644
--- a/apps/spreadsheeteditor/mobile/index_loader.html.deploy
+++ b/apps/spreadsheeteditor/mobile/index_loader.html.deploy
@@ -22,7 +22,7 @@
                 overflow: hidden;
                 border: none;
                 background-color: #f4f4f4;
-                z-index: 100;
+                z-index: 10000;
             }
 
             .loader-page {
@@ -286,7 +286,6 @@
             };
         </script>
 
-        <div id="viewport"></div>
         <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
 
     </body>