From 240ad6538bcd64619db748fd3ecd02275abc01f1 Mon Sep 17 00:00:00 2001
From: Alessandro Vitali <98644809+alvitali@users.noreply.github.com>
Date: Thu, 29 Jan 2026 16:59:46 +0100
Subject: [PATCH] Add background blur for Logo / Menu Drawer icon on mobile
 view

---
 CSS/scyfin-theme.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/CSS/scyfin-theme.css b/CSS/scyfin-theme.css
index 5772404..eba5fa1 100644
--- a/CSS/scyfin-theme.css
+++ b/CSS/scyfin-theme.css
@@ -315,6 +315,24 @@ html,
     top: -17px !important;
 }
 /* Mobile fixes */
+.layout-mobile .headerTop {
+    justify-content: space-between !important;
+}
+
+.layout-mobile .headerLeft {
+    height: 45px !important;
+    background-color: var(--primary-background-transparent) !important;
+    border-radius: 50px !important;
+    backdrop-filter: blur(var(--blur)) !important;
+    flex-grow: unset !important;
+    -webkit-flex-grow: unset !important;
+}
+
+.layout-mobile .pageTitleWithDefaultLogo {
+    width: unset !important;
+    aspect-ratio: 4 / 1 !important;
+}
+
 .layout-mobile .sectionTabs {
     margin-left: auto !important;
     margin-right: auto !important;
@@ -1148,4 +1166,4 @@ html,
     .layout-mobile #slides-container .button-container {
         top: calc(50% + 23vh) !important;
     }
-}
\ No newline at end of file
+}