31 lines
1.0 KiB
HTML
31 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Sticky Navbar Test</title>
|
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
|
<link rel="stylesheet" href="/assets/css/navbar.css?v=1768450104" />
|
|
<link rel="stylesheet" href="/assets/css/page-overrides.css?v=1768450104" />
|
|
<style>
|
|
body { margin: 0; padding: 0; }
|
|
.test-content { height: 2000px; padding: 20px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="sticky-banner-wrapper">
|
|
<nav class="modern-navbar">
|
|
<div class="navbar-wrapper" style="padding: 20px;">
|
|
<h2 style="margin: 0; color: #202023;">TEST: Navbar Should Stick When Scrolling</h2>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="test-content">
|
|
<h1>Scroll down to test sticky navbar</h1>
|
|
<p>If the navbar stays at the top, CSS is working.</p>
|
|
<p>If the navbar scrolls away, there's still an issue.</p>
|
|
<p style="margin-top: 500px;">Keep scrolling...</p>
|
|
<p style="margin-top: 500px;">Almost there...</p>
|
|
<p style="margin-top: 500px;">End of page</p>
|
|
</div>
|
|
</body>
|
|
</html>
|