From ddabcdc6546fd45f950b1358110e15937673690f Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Sat, 4 Apr 2026 16:04:39 -0500
Subject: [PATCH] Enable sticky header on mobile viewports

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>
---
 src/media/css/template.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/media/css/template.css b/src/media/css/template.css
index 4d2a3dc..26e9dfa 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -14224,11 +14224,10 @@ fieldset>* {
 	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) {
 	.container-header.sticky-top {
-		position: relative;
-		z-index: 100;
+		z-index: 1020;
 	}
 }