Remove sticky navigation bar #1

config.toml

@@ -1,4 +1,4 @@
-title = "Duckquill"
+title = "Duckling"
 base_url = "https://duckling.aparoksha.dev"
 description = "Minimal and feature-rich Zola theme."
 

sass/_nav.scss

@@ -63,7 +63,6 @@
 }
 
 #site-nav {
-	position: sticky;
 	grid-area: nav;
 	z-index: 999;
 	margin: 1rem auto 0;
@@ -79,14 +78,10 @@
 	}
 
 	&::before {
-		-webkit-backdrop-filter: var(--blur);
 		position: absolute;
 		z-index: -1;
-		backdrop-filter: var(--blur);
 		inset: 0;
-		box-shadow: var(--edge-highlight), var(--shadow-glass);
 		border-radius: 1.625rem;
-		background-color: var(--glass-bg);
 		content: "";
 	}
 
@@ -191,17 +186,6 @@
 			}
 		}
 
-		.divider {
-			align-self: stretch;
-			margin: 0 0.25rem;
-			background-color: var(--fg-muted-2);
-			width: max(1px, 0.0625em);
-
-			@media only screen and (max-width: 480px) {
-				display: none;
-			}
-		}
-
 		a,
 		#search button,
 		#language-switcher summary,

sass/mods/_sticked-nav.scss

@@ -1,28 +0,0 @@
-#site-nav {
-	margin-block-start: 0;
-	inset-block-start: 0;
-	border-radius: 0 0 calc(var(--rounded-corner) + 0.5rem)
-		calc(var(--rounded-corner) + 0.5rem);
-
-	&::before {
-		box-shadow: var(--shadow-glass);
-		border-radius: 0 0 calc(var(--rounded-corner) + 0.5rem)
-			calc(var(--rounded-corner) + 0.5rem);
-	}
-
-	nav ul li {
-		a,
-		summary,
-		&#search button,
-		&#language-switcher details summary,
-		&#theme-switcher details summary {
-			border-radius: var(--rounded-corner);
-		}
-	}
-
-	#search-container {
-		#search-bar {
-			border-radius: var(--rounded-corner);
-		}
-	}
-}

templates/partials/nav.html

@@ -18,7 +18,7 @@
 					{{- config.title -}}
 				</a>
 			</li>
-			<li class="divider"></li>
+			<li></li>
 			{%- for link in config.extra.nav.links %}
 				{%- if link.menu and link.menu | length > 0 -%}
 					<li>