Fix navbar padding to use responsive clamp() values

2026-03-17 13:49:23 -05:00
parent 2fd186833c
commit 9327b2dc29
1 changed files with 6 additions and 1 deletions
--- a/css/custom.css
+++ b/css/custom.css
@@ -675,8 +675,13 @@ header.main-header .header-sticky.active{
 }

 .navbar{
-	padding: 30px 0;
+	padding: clamp(15px, 3vh, 25px) 0;
 	align-items: center;
+	transition: all 0.3s ease;
+}
+
+.navbar.scrolled{
+	padding: clamp(10px, 2vh, 15px) 0;
 }

 .navbar-brand{