[FEATURE] top section content (page header text) is hidden behind the fixed navbar

[MehakGo]

What problem are you facing?

The top section content (page header text) is hidden behind the fixed navbar. This makes the header partially invisible and creates a poor first impression.

Proposed Solution

• Add top padding or margin to the main content area equal to the navbar height (e.g., padding-top: 70px;).
• Alternatively, adjust the navbar’s positioning (e.g., sticky vs fixed) so it doesn’t overlap content.
• Ensure consistent spacing across all pages.

Alternatives Considered

• Keeping the current fixed navbar (but this causes overlap issues).
• Using a transparent navbar (not ideal since it reduces readability).

Additional Context

Example fix:

body {
  padding-top: 70px; /* match navbar height */
}

@devayanm I want to work on this issue under OSCI , please assign it to me.

[kaival775]

Can I fix the issue I'm OSCI25 contributor

[kaival775]

I have fixed it and raised PR. @devayanm can u check it out