[BUG] Main content overlaps with navbar on multiple pages

[Dev-Arijit]

Description:

Problem:
The main content of the website is being overlapped by the fixed navbar, making the top part of the content not visible. This issue appears on the following pages:

Landing Page

About Page

Home Page

Explore / Features Page

Expected Behavior:

The content should start below the navbar so it’s fully visible, regardless of screen size.

Current Behavior:

The top portion of the main content is hidden behind the navbar.

Ways to Reproduce:

Open the website in a browser.

Navigate to the Landing Page, About Page, Home Page, or Explore Page from about page.

Observe that the main heading or top content is hidden behind the navbar.

Resize the browser window (desktop or mobile) — the issue persists.

Suggested Fix:

Add top padding or margin to the main content equal to the height of the navbar.

Alternatively, implement a consistent layout wrapper to handle this spacing across all pages.

Additional Info:

Navbar is fixed (position: fixed).

Issue occurs on both desktop and mobile screens.

Pages affected: Landing, About, Home, Explore/Features.

Screenshots:

If applicable, add screenshots.

[Dev-Arijit]

Hi @devayanm sir,
I noticed some overlapping issues in navbar I’d like to work on fixing this UI issue as part of OSCI Contributor. Could you please assign it to me?
Thank you!