feat: Update header styles to remove backdrop filter when menu is open for improved visibility

2026-02-26 07:01:09 -05:00
parent b70faa1980
commit 490e34afbc
1 changed files with 4 additions and 1 deletions
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -282,7 +282,6 @@ p:last-child { margin-bottom: 0; }
  padding-block: .65rem;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
-  will-change: transform;
 }

 .header-inner {
@@ -533,6 +532,10 @@ p:last-child { margin-bottom: 0; }
  body.menu-open {
    overflow: hidden;
  }
+  body.menu-open .site-header.scrolled {
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
  .site-nav.open .nav-menu {
    flex-direction: column;
    align-items: flex-start;