css mobile

web/themes/custom/reha/css/reha.css

@@ -446,6 +446,12 @@ header {
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         clip-path: inset(0px -10px -10px -10px);
         padding: 5% 10% 5% 45%; }
+        @media (max-width: 500px) {
+          header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
+            font-size: 1.4rem; } }
+        @media (max-width: 500px) {
+          header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre ::after {
+            left: 50px; } }
         header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer {
           font-weight: 400;
           font-size: 1rem;

web/themes/custom/reha/scss/partials/_header.scss

@@ -317,6 +317,17 @@ header{
                     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                     clip-path: inset(0px -10px -10px -10px);
                     padding: 5% 10% 5% 45%;
+                    .titre{
+                        @media (max-width:500px) {
+                            font-size: 1.4rem;
+                        }
+                        ::after{
+                            @media (max-width:500px) {
+                               left: 50px;
+                            }
+                        }
+                    }
+                    
                 
                     footer{
                         font-weight: 400;