Back to Top button overlaps footer section (#sitemap) on the homepage

[Dev-Arijit]

Describe the bug

Description

The #backToTop button is supposed to appear after scrolling down and stay visible without overlapping any content. However, on the homepage, when the user scrolls to the bottom, the button overlaps with the footer section (#sitemap), making it hard to see or click.

To Reproduce

To Reproduce

1. Open the homepage (index.html) in a browser.

2. Scroll down until the #backToTop button appears (after ~300px scroll).

3. Continue scrolling to the very bottom until the footer section (#sitemap) is visible.

4. Observe that the #backToTop button overlaps or collides with the #sitemap area instead of floating above it.

Expected behavior

Expected behavior

The #backToTop button should:

1. Appear after scrolling a certain amount.

2. Stay fixed at the bottom-right of the screen.

3. Float above the #sitemap section when the user reaches the bottom — avoiding overlap.

Additional context

I would like to work on this issue. @gyanshankar1708

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊