mobile issues in header

styles/sass/welshgov/_application.scss

@@ -251,6 +251,31 @@ a.longLinkBreak {
     border-color: $midgrey;
 }
 
+.govuk-breadcrumbs__list-item.backChevron {
+
+    .govuk-breadcrumbs__link {
+
+        margin-left: 15px
+    }
+
+}
+
+.govuk-breadcrumbs__list-item.backChevron::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: -0.206875em;
+    width: 5px;
+    height: 5px;
+    margin: auto 0;
+    transform: rotate(45deg);
+    border: solid;
+    border-width: 0px 0px 2px 2px;
+    border-color: #999999;
+}
+
 .servicebanner {
     display: flex;
     justify-content: space-between;
@@ -291,7 +316,7 @@ a.longLinkBreak {
         display: flex;
         justify-content: space-between;
 
-        @media screen and (max-width: 414px) {
+        @media screen and (max-width: 430px) {
             flex-direction: column;
         }
 
@@ -355,6 +380,8 @@ a.longLinkBreak {
     background: $lightgrey_offwhite;
     padding: 20px;
     margin: 0 0 40px 0;
+    opacity: 1;
+    transition: opacity 500ms ease-in;
 
     @media screen and (min-width: 1024px) {
         padding: 40px;
@@ -1197,6 +1224,7 @@ textarea,
         -webkit-box-orient: vertical;
         display: -webkit-box;
         -webkit-line-clamp: 10;
+        line-clamp: 10;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: normal;