Breadcrumb ui fix in website portal (#3141)

- frappe/erpnext#8317

frappe/public/css/website.css

@@ -818,6 +818,11 @@ a.active {
   letter-spacing: 0.5px;
   font-size: 24px;
 }
+@media (max-width: 767px) {
+  .page-head h1 {
+    font-size: 16px;
+  }
+}
 .btn-next-wrapper {
   margin-top: 60px;
 }
@@ -893,10 +898,22 @@ li.footer-child-item {
   padding-left: 0px;
   width: 100%;
 }
+@media (max-width: 767px) {
+  .item-search .item-search-input {
+    padding: 0;
+  }
+}
 .item-search i {
   margin-right: -30px;
   margin-top: -25px;
 }
+@media (max-width: 767px) {
+  .item-search i {
+    margin-right: -25px;
+    margin-top: -18px;
+    font-size: 12px;
+  }
+}
 .vert-line {
   overflow: hidden;
 }

frappe/public/less/website.less

@@ -537,6 +537,10 @@ a.active {
 .page-head h1 {
 	letter-spacing: 0.5px;
 	font-size: 24px;
+
+	@media (max-width: @screen-xs) {
+		font-size: 16px;
+	}
 }
 
 .btn-next-wrapper {
@@ -628,10 +632,21 @@ li.footer-child-item {
 		padding: 7px;
 		padding-left: 0px;
 		width: 100%;
+
+		@media (max-width: @screen-xs) {
+			padding: 0;
+		}
 	}
+
 	i {
 		margin-right: -30px;
 		margin-top: -25px;
+
+		@media (max-width: @screen-xs) {
+			margin-right: -25px;
+			margin-top: -18px;
+			font-size: 12px;
+		}
 	}
 }
 

frappe/templates/web.html

@@ -13,7 +13,7 @@
 		<div class="{% if show_sidebar %}page-content with-sidebar col-sm-9{% else %} page-content col-sm-12 {% endif %}">
 			<div class="page-content-wrapper">
 				<div class="row page-head">
-					<div class='col-sm-12'>
+					<div class='col-sm-12 hidden-xs'>
 						{% if not no_breadcrumbs and parents %}
 						<div class="page-breadcrumbs">
 							{% block breadcrumbs %}