Feature 🌟: "Scroll to Top" Button and "Web Chat-Bot" Are Overlapping.

[Tejashri-Taral]

Hi @apu52,

I noticed that the "Scroll to Top" button and the Webchat bot are overlapping on the website.
This overlap affects the usability and accessibility of both features, making it difficult for users to effectively interact with the WebChat bot and the scroll top button.

Steps to See the Issue:

Scroll down the page until the "Scroll to Top" button appears.
Observe the overlap between the "Scroll to Top" button and the WebChat bot.
The Expected Behavior for this is -
The "Scroll to Top" button and the WebChat bot should not overlap. Both elements should be easily accessible without interfering with each other.
Screenshots

So, Before Opening the Chatbot

And This is when the issue is generated after clicking on the chatbot.

The Solution:

I would like to contribute by adjusting the positioning or z-index of the elements to ensure they do not overlap. This can be done by modifying the CSS styles for these components.

@apu52 Could you please assign me this issue under gssoc'24 ?

Are you contributing under any open-source program ?
GSSOC'24

[github-actions]

Hi @Tejashri-Taral! Thanks for opening this issue. We appreciate your contribution to this open-source project.

[apu52]

@Tejashri-Taral u are assigned.

[TheNikhilRaj]

I would like to work on this issue , please assign this to me.