[Feature Request]: Preventing overlapping of the chatbot and the scroll-to-top button.

[AnkitLuhar]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

There is an issue where the scroll-to-top button overlaps with the chatbot icon on the page, hindering the functionality and user experience of both elements.

Use Case

###Scenario: A user is navigating a webpage with a chatbot icon located in the bottom right corner and a scroll-to-top button that appears as they scroll on the bottom right corner they overlap each other.

###Issue: When the scroll-to-top button becomes visible, it overlaps with the chatbot icon, causing difficulties in interacting with both elements.

##############Proposed Solution:

###Position Adjustment: Modify the positioning of the scroll-to-top button or the chatbot icon to ensure they do not overlap. This could involve setting different margins or padding for each element.

Benefits

1.Improved User Experience: Users will be able to interact with both the chatbot and the scroll-to-top button without any interference, leading to a smoother and more intuitive experience.

2.Enhanced Accessibility: Ensuring that elements do not overlap makes the page more accessible to users, including those who rely on assistive technologies.

3.Functionality: Both the chatbot and the scroll-to-top button will function as intended without obstruction.
Professional Appearance: A well-organized interface contributes to a more professional and polished look for the website.

Add ScreenShots

assig this issue under the Gssoc'24

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

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.

Please note that this is the project owner, @MAVRICK-1. I won't be available for 3-4 days and will reply to every PR after May 26. Thank you for your cooperation.

[AnkitLuhar]

@MAVRICK-1 assign this issue under the gssoc24 and i willing want to do more contribution in your project just let me known for your more projects and excited to contribute ...