Navbar overlaps page content on scroll / cuts top section

[RishiMaskare]

On Rate Us Page, the fixed navbar is slightly overlapping the top of the page content, causing the first section to be partially hidden. It looks like the page doesn’t account for the navbar height.

This can likely be fixed by adding something like:

padding-top: 70px;

to the main container (or adjusting layout spacing based on the navbar height).

Screenshot:-

[github-actions]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[RishiMaskare]

Maintainers @apu52, Please assign this to me under JWOC!!

[PranavAgarkar07]

Hi! I'd like to work on this issue under GSSoC 2026.

Approach: I will calculate the fixed navbar height and add an equivalent top padding or margin to the main content wrapper using CSS, so content starts below the navbar rather than behind it. I'll also ensure the navbar uses position: sticky with a proper z-index so it stays visible on scroll while the page content scrolls cleanly underneath without being clipped or overlapped.

I have experience with CSS layout and navbar positioning. Please assign me this issue.