diff --git a/apps/routerconsole/jsp/css.jsi b/apps/routerconsole/jsp/css.jsi
index 21dc7eecc..64f2733a8 100644
--- a/apps/routerconsole/jsp/css.jsi
+++ b/apps/routerconsole/jsp/css.jsi
@@ -50,6 +50,12 @@
        // Use RTL theme for Arabic
 %>
 <link href="<%=intl.getTheme(request.getHeader("User-Agent"))%>console_ar.css" rel="stylesheet" type="text/css">
+<%
+   }
+   if (!intl.allowIFrame(request.getHeader("User-Agent"))) {
+%>
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+<link href="<%=intl.getTheme(request.getHeader("User-Agent"))%>mobile.css" rel="stylesheet" type="text/css">
 <%
    }
 %>
diff --git a/installer/resources/themes/console/classic/mobile.css b/installer/resources/themes/console/classic/mobile.css
new file mode 100644
index 000000000..437f77ee4
--- /dev/null
+++ b/installer/resources/themes/console/classic/mobile.css
@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 1px 0 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 1px 0 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 1px 0 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 0 1px 0 0;
+     min-width: 0;
+}
diff --git a/installer/resources/themes/console/dark/mobile.css b/installer/resources/themes/console/dark/mobile.css
new file mode 100644
index 000000000..2f211ab2b
--- /dev/null
+++ b/installer/resources/themes/console/dark/mobile.css
@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 5px 10px;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 5px !important;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 5px 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: -1px 5px 5px;
+     min-width: 0;
+}
diff --git a/installer/resources/themes/console/light/mobile.css b/installer/resources/themes/console/light/mobile.css
new file mode 100644
index 000000000..2a6281880
--- /dev/null
+++ b/installer/resources/themes/console/light/mobile.css
@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 10px 10px 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 10px 10px 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: 0 10px 5px 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 10px 10px 20px 0;
+     min-width: 0;
+}
diff --git a/installer/resources/themes/console/midnight/mobile.css b/installer/resources/themes/console/midnight/mobile.css
new file mode 100644
index 000000000..f080c4840
--- /dev/null
+++ b/installer/resources/themes/console/midnight/mobile.css
@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 5px 5px 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 5px 5px 0 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 5px 0 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 0 5px 5px 0;
+     min-width: 0;
+}