Bug Report: Chatbot Icon Overlaps with Mobile Drawer/Menu

[cherylpinto]

🐞 Bug Report: Chatbot Icon Overlaps with Mobile Drawer/Menu

Description:

In mobile view, the chatbot icon overlaps with the navigation drawer/menu, obstructing visibility and making it difficult to interact with menu items.

Steps to Reproduce:

1. Open the application on a mobile device or use responsive mode in the browser.
2. Tap to open the mobile navigation drawer/menu.
3. Observe that the chatbot icon stays visible on top of the drawer.

Expected Behavior:
When the mobile drawer opens, the chatbot icon should move behind it following the page content’s z-index and not obstructing the drawer UI.

Actual Behavior:
The chatbot icon remains fixed above all layers, overlapping the drawer.

Screenshot :

[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. 😊