MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Enable sticky header on mobile viewports

Browse Source 
Remove position: relative override that disabled sticky on mobile.
The header now stays sticky at all breakpoints when the admin
enables the sticky header option.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-04 16:04:39 -05:00
parent b637b78a4d
commit ddabcdc654
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/media/css/template.css
View File

@@ -14224,11 +14224,10 @@ fieldset>* {
z-index: 1020; z-index: 1020;
} }
/* Disable sticky on mobile — full-width header works better as static */ /* Sticky header on mobile — keep sticky but lower z-index to avoid overlay issues */
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
.container-header.sticky-top { .container-header.sticky-top {
position: relative; z-index: 1020;
z-index: 100;
} }
} }