BUG🐞: "Scroll to Top" Button and "Web Chat-Bot" is Overlapping

[aslams2020]

Is there an existing issue for this?

• [X] I have searched the existing issues

What happened?

Hi @Suchitra-Sahoo , Here is the issue i encountered -

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:

1. Scroll down the page until the "Scroll to Top" button appears.
2. 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.

As you can see..they are overalapping on each other.

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.

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

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[aslams2020]

hi @Suchitra-Sahoo, Could you Please review the issue i encountered.

[aslams2020]

hi @Suchitra-Sahoo, could you please take a look.