From 588ba66112a18a914813509bceca226fe05ec0e8 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 1 Dec 2024 14:10:36 +0300
Subject: [PATCH] Fix navbar not scrolling with content on mobile (fixes #109)

---
 CHANGELOG.md   | 4 ++++
 config.toml    | 2 +-
 sass/_nav.scss | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d618bf2..3af0bae 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improve performance of the page when navbar is hidden by using the `config.extra.nav.auto_hide` config variable.
 - Replace `config.extra.debug_*` config variables with variables under the `config.extra.debug` section.
 
+### Fixed
+
+- Fix navbar not scrolling with content on mobile (#109).
+
 ## [6.0.0](https://codeberg.org/daudix/duckquill/compare/v5.4.0...v6.0.0)
 
 ### Added
diff --git a/config.toml b/config.toml
index 13142a4..0f03ba1 100644
--- a/config.toml
+++ b/config.toml
@@ -181,7 +181,7 @@ csp = [
 
 [extra.nav]
 # Whether to automatically hide nav when not hovered or focused
-auto_hide = true
+# auto_hide = true
 # Whether to show the Atom/RSS feed button in the nav
 show_feed = true
 # Whether to show the manual theme switcher in the nav
diff --git a/sass/_nav.scss b/sass/_nav.scss
index 85ea491..1b73104 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -72,6 +72,11 @@
 	border-radius: 1.625rem;
 	max-width: min(var(--container-width), 90%);
 
+	@media only screen and (max-width: 480px) {
+		position: relative;
+		margin: 0 auto;
+	}
+
 	&::before {
 		-webkit-backdrop-filter: var(--blur);
 		position: absolute;