From 601b38aeda76db78aa271c5b10ff5a0a5eae7d07 Mon Sep 17 00:00:00 2001
From: Ejaaz Khan <ejaaz@frappe.io>
Date: Fri, 2 Jan 2026 12:51:02 +0530
Subject: [PATCH] fix(mobile): show full title in mobile view

---
 frappe/public/scss/desk/breadcrumb.scss |  2 +-
 frappe/public/scss/desk/mobile.scss     | 23 ++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/frappe/public/scss/desk/breadcrumb.scss b/frappe/public/scss/desk/breadcrumb.scss
index f07b8a1676..de8bab5615 100644
--- a/frappe/public/scss/desk/breadcrumb.scss
+++ b/frappe/public/scss/desk/breadcrumb.scss
@@ -33,7 +33,7 @@
 
 	&.mobile-no-divider {
 		a:before {
-			content: "";
+			display: none;
 		}
 	}
 
diff --git a/frappe/public/scss/desk/mobile.scss b/frappe/public/scss/desk/mobile.scss
index 0c890f04aa..4d2f4cbca1 100644
--- a/frappe/public/scss/desk/mobile.scss
+++ b/frappe/public/scss/desk/mobile.scss
@@ -74,7 +74,7 @@ body {
 
 		@media (max-width: 480px) {
 			li > a {
-				width: 100px;
+				// width: 100px;
 			}
 		}
 	}
@@ -128,6 +128,12 @@ body {
 	.sidebar .user-menu img {
 		margin-top: -1px;
 	}
+
+	body[data-route^="Form"] {
+		.page-title {
+			padding-right: 0px;
+		}
+	}
 }
 
 @media (max-width: 767px) {
@@ -313,6 +319,21 @@ body {
 	}
 }
 
+@media (max-width: 480px) {
+	.page-title {
+		width: 100%;
+		.title-area {
+			flex-direction: column;
+			align-items: baseline !important;
+
+			.mobile-no-divider li a {
+				font-size: 14px;
+				padding-bottom: 5px;
+			}
+		}
+	}
+}
+
 @media (max-width: 412px) {
 	body[data-route^="Form"] {
 		.page-title .title-text {