Fix navbar

This commit is contained in:
Flatlogic Bot 2025-09-11 09:27:29 +00:00
parent f5c7be920b
commit 18c6092d4f
3 changed files with 4 additions and 19 deletions

View File

@ -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;

View File

@ -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 => {

View File

@ -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">