diff --git a/frappe/public/css/mobile.css b/frappe/public/css/mobile.css
index e14bd2c9aa..442b3133c3 100644
--- a/frappe/public/css/mobile.css
+++ b/frappe/public/css/mobile.css
@@ -52,9 +52,9 @@
   .toggle-navbar-new-comments {
     padding: 8px 0px !important;
   }
-  .navbar > .container > .navbar-header,
-  .navbar > .container > .navbar-left {
+  .navbar > .container > .navbar-header {
     float: left;
+    width: 80%;
   }
   .navbar > .container > .navbar-right {
     float: right;
@@ -63,7 +63,7 @@
     margin-top: 4px;
   }
   .navbar .breadcrumb-divider {
-    margin-top: 3px !important;
+    margin-top: 2px !important;
     margin-right: 3px;
   }
   #navbar-breadcrumbs {
diff --git a/frappe/public/js/frappe/ui/toolbar/navbar.html b/frappe/public/js/frappe/ui/toolbar/navbar.html
index 844511f820..2ab7372be3 100644
--- a/frappe/public/js/frappe/ui/toolbar/navbar.html
+++ b/frappe/public/js/frappe/ui/toolbar/navbar.html
@@ -5,7 +5,7 @@
 				<i class="octicon octicon-three-bars"></i>
 			</a>
 			<a class="navbar-brand navbar-home hidden-xs" href="#">Home</a>
-			<ul class="nav navbar-nav navbar-left" id="navbar-breadcrumbs">
+			<ul class="nav navbar-nav text-ellipsis" id="navbar-breadcrumbs">
 			</ul>
 		</div>
 		<ul class="nav navbar-nav navbar-right visible-xs">
diff --git a/frappe/public/less/mobile.less b/frappe/public/less/mobile.less
index 856a2393ae..6bdb5094d8 100644
--- a/frappe/public/less/mobile.less
+++ b/frappe/public/less/mobile.less
@@ -69,9 +69,9 @@
 		padding: 8px 0px !important;
 	}
 
-	.navbar > .container > .navbar-header,
-	.navbar > .container > .navbar-left {
+	.navbar > .container > .navbar-header {
 		float: left;
+		width: 80%;
 	}
 
 	.navbar > .container > .navbar-right {
@@ -83,7 +83,7 @@
 	}
 
 	.navbar .breadcrumb-divider {
-		margin-top: 3px !important;
+		margin-top: 2px !important;
 		margin-right: 3px;
 	}