Contact Us Page Heading Overlaps with Navbar

[Deepanshi0019]

Is your proposal related to a problem?

The Contact Us page heading is partially hidden behind the navbar. This layout issue occurs due to the fixed position of the navbar, which overlaps with the top of the page content, making the heading partially obstructed. This creates a poor user experience as the heading is not fully visible without scrolling.

(Write your answer here.)

Describe the solution you'd like

(Describe your proposed solution here.)
dding a margin-top or padding-top to the Contact Us page content area would push the content below the navbar. The value of this margin or padding should match the navbar height to ensure proper spacing and visibility of the heading. Example CSS:

Describe alternatives you've considered

1.Adjusting the navbar's position to relative, though this may affect the navbar's fixed position effect.
2.Using JavaScript to dynamically adjust the top margin of the content based on the navbar's height, though this adds complexity.

###screenshot
Screencast from 2024-10-28 17-21-54.webm

Label Request: Please add the labels gsoc-ext, hacktoberfest, and hacktoberfest-accepted for better visibility and tracking for these programs.