BUG: Navbar Overlaps Main Section and Does Not Scroll Upwards

[priyanshi-codes]

Preliminary Check

• I have searched the existing issues
• This issue is reproducible

Bug Summary

There’s a bug in the navbar where it overlaps the main section upon loading, and it does not scroll upwards as expected. This issue affects the user experience, making the content less accessible

@Jaishree2310 Please see this bug and assign me so that ,I start working on it

Steps to Reproduce

• Open the site in a browser.
• Observe that the navbar overlaps the main content.
• Try scrolling upwards to see that the navbar does not behave as expected.

Expected Behavior

• The navbar should be fixed at the top or positioned appropriately without overlapping the main content.
• Scrolling should push the main content upward, making it fully visible.

Screenshots/Logs

Additional Information

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue
• I can provide more details if needed

[github-actions]

👋 Thank you @priyanshi-codes for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!