diff --git a/www/pad/index.html b/www/pad/index.html
index 8437073af..7d4c3125a 100644
--- a/www/pad/index.html
+++ b/www/pad/index.html
@@ -3,6 +3,7 @@
 <head>
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/png"
         href="/customize/main-favicon.png"
         data-main-favicon="/customize/main-favicon.png"
diff --git a/www/pad/inner.html b/www/pad/inner.html
index 1fc7b0cfe..ae91a2a90 100644
--- a/www/pad/inner.html
+++ b/www/pad/inner.html
@@ -2,6 +2,7 @@
 <html>
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/ckeditor/ckeditor.js"></script>
diff --git a/www/pad/main.js b/www/pad/main.js
index f96cdcb28..510e86983 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -763,9 +763,13 @@ define([
 
     var first = function () {
         Ckeditor = ifrw.CKEDITOR;
-
         if (Ckeditor) {
             //andThen(Ckeditor);
+            // mobile configuration
+            Ckeditor.config.toolbarCanCollapse = true;
+            if (screen.height < 800) {
+              Ckeditor.config.toolbarStartupExpanded = false;
+            }
             second(Ckeditor);
         } else {
             console.log("Ckeditor was not defined. Trying again in %sms",interval);
