diff --git a/app/static/app/css/main.scss b/app/static/app/css/main.scss
index 9722464b..49ae3049 100644
--- a/app/static/app/css/main.scss
+++ b/app/static/app/css/main.scss
@@ -183,3 +183,47 @@ button i.glyphicon{
         margin-right: 4px;
     }
 }
+
+/* This is to make the Header and navigation more mobile friendly */
+
+.navbar-toggle {
+    position: relative;
+    float: right;
+    margin-right: 15px;
+    padding: 9px 10px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.navbar-header {
+	height: 50px;
+}
+
+.navbar-right {
+	clear: none !important;
+	height: 50px;
+}
+
+.dropdown {
+	float: right;
+}
+
+.navbar-brand {
+	position: absolute;
+	top: 0px;
+}
+
+.navbar-text {
+	position: absolute;
+	top: 0px;
+	left: 50px;
+}
+
+.navbar-link {
+	position: absolute;
+	top: 0px;
+}
+
+.content {
+padding-top: 100px;
+}