Navbar Does Not Remain Fixed on Scroll #428
Description
Describe the Bug
The navigation bar on the Code for Cause (edu-client) website does not remain fixed at the top when scrolling. This impacts usability, as users must scroll back up to access navigation links, affecting seamless navigation and user experience.
To Reproduce
Steps to reproduce the behavior:
- Open the edu-client website.
- Navigate to any page.
- Scroll down.
- Observe that the navbar moves out of view instead of remaining fixed at the top.
Expected Behavior
The navigation bar should remain fixed at the top while scrolling, ensuring uninterrupted access to navigation links for a better user experience.
Logs
N/A (No console errors observed related to this issue).
Environment (please complete the following information):
- OS: [Specify OS]
- Browser & Version: [Specify Browser & Version]
Additional Context
A possible fix is to implement a sticky or fixed position for the navbar. Suggested CSS update:
.navbar {
position: sticky;
top: 0;
width: 100%;
z-index: 1000;
background-color: white; /* Ensures visibility */
}