mobile display header fix

Author: jr-rk

src/themes/custom/app/header/header.component.html

@@ -2,7 +2,7 @@
   <nav role="navigation" [attr.aria-label]="'nav.user.description' | translate" class="container navbar navbar-expand-md px-0">
     <div class="d-flex flex-grow-1">
       <a class="navbar-brand m-2" routerLink="/home">
-        <img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
+        <img src="assets/images/vsb-cs-logo-w.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
       </a>
     </div>
     <div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center gapx-1">

src/themes/custom/app/header/header.component.scss

@@ -1,10 +1,11 @@
+.header {
+  background-color: var(--ds-header-bg);
+}
+
 @media screen and (min-width: map-get($grid-breakpoints, md)) {
   nav.navbar {
     display: none;
   }
-  .header {
-    background-color: var(--ds-header-bg);
-  }
 }
 
 .navbar-brand img {