OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-26 07:01:09 -05:00
parent b70faa1980
commit 490e34afbc
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
theme/assets/css/main.css
View File

@@ -282,7 +282,6 @@ p:last-child { margin-bottom: 0; }
padding-block: .65rem; padding-block: .65rem;
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
will-change: transform;
} }
.header-inner { .header-inner {
@@ -533,6 +532,10 @@ p:last-child { margin-bottom: 0; }
body.menu-open { body.menu-open {
overflow: hidden; overflow: hidden;
} }
body.menu-open .site-header.scrolled {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.site-nav.open .nav-menu { .site-nav.open .nav-menu {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;