From 813f0cdf68ca14398071ab6e7ae110c6b07f4f0b Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 25 Aug 2024 01:37:00 +0300
Subject: [PATCH] Prevent navbar from obfuscating post banner on mobile (fixes
 #61)

---
 sass/_article.scss     | 16 +++++++++++++---
 templates/article.html |  2 +-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/sass/_article.scss b/sass/_article.scss
index 9be5da9..5a50e09 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -18,8 +18,18 @@
 		transition: none;
 		margin: 0;
 	}
-}
 
-.banner-margin {
-	margin-top: 35vw;
+	& + h1 {
+		margin-block-start: 35vw;
+	}
+
+	@media only screen and (max-width: 480px) {
+		body:has(&) #site-nav {
+			margin-block-start: 50vw;
+		}
+
+		& + h1 {
+			margin-block-start: 2rem;
+		}
+	}
 }
diff --git a/templates/article.html b/templates/article.html
index 9473deb..b5e9580 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -11,7 +11,7 @@
 		</div>
 	{%- endif -%}
 
-	<h1 {% if page.extra.banner %}class="banner-margin"{%- endif -%}>{{ page.title }}</h1>
+	<h1>{{ page.title }}</h1>
 
 	{%- if page.date -%}
 		<small>