Moile device changes for FAB theme

2 files changed, 34 insertions, 3 deletions

diff --git a/themes/clouds/css-1.7.0/style.css b/themes/clouds/css-1.7.0/style.css
index ac9e36943a..f1d28fe1fa 100644
--- a/themes/clouds/css-1.7.0/style.css
+++ b/themes/clouds/css-1.7.0/style.css
@@ -5385,10 +5385,14 @@ footer .error {
 }
 /* Mobile low and high resolution viewports */
 @media (max-width: 480px) {
-header {
-	height: 83px;
+	header {
+		height: 83px;
 	}
 	.secondary-menu {
-    top: 50px;
+		top: 50px;
+		margin-top: 10px;
+	}
+	.primary-menu > li > a {
+		height: 20px;
 	}
 }
diff --git a/themes/fab/css-1.7.0/style.css b/themes/fab/css-1.7.0/style.css
index 5df5b823b3..9a7f3f1707 100644
--- a/themes/fab/css-1.7.0/style.css
+++ b/themes/fab/css-1.7.0/style.css
@@ -4537,3 +4537,30 @@ footer {
 		margin-bottom: 10px;
 	}
 }
+
+/* Mobile low resolution viewports */
+@media (max-width: 400px) {
+	header {
+		text-align: left;
+		height: 150px;
+	}
+	[dir=rtl] header {
+		text-align: right;
+	}
+	[dir=rtl] .secondary-menu {
+		float: right;
+	}
+	.header-search {
+		display: block;
+		float: left;
+	}
+	[dir=rtl] .header-search {
+		float: right;
+	}
+	.primary-menu li, .secondary-menu li {
+		float:left;
+	}
+	.secondary-menu li:last-child:before {
+		content: "  ";
+	}
+}