Fix navbar
This commit is contained in:
parent
f5c7be920b
commit
18c6092d4f
@ -12,6 +12,7 @@ body {
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
background-color: var(--background-color);
|
||||
color: var(--text-color);
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
@ -54,13 +55,7 @@ body {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.navbar-sticky.scrolled {
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
.store-badge {
|
||||
display: inline-block;
|
||||
|
||||
@ -1,15 +1,5 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Navbar shrink on scroll
|
||||
const navbar = document.querySelector('.navbar-sticky');
|
||||
if (navbar) {
|
||||
window.addEventListener('scroll', () => {
|
||||
if (window.scrollY > 50) {
|
||||
navbar.classList.add('scrolled');
|
||||
} else {
|
||||
navbar.classList.remove('scrolled');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Smooth scroll for anchor links
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
<body>
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-transparent navbar-sticky fixed-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">TrailGo</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user