The Chat box gets covered
# 🤝helpb
brainy-summer-1041
08/18/2023, 9:10 AMI added the Chatbot to my website, and as you can see from my screenshot it often gets under certain sections. How can i prevent this from happening?
https://cdn.discordapp.com/attachments/1142022630489202750/1142022630862499841/Screenshot_2.png▾
https://cdn.discordapp.com/attachments/1142022630489202750/1142022631198031872/Screenshot_1.png▾
brainy-summer-1041
08/18/2023, 9:10 AMIn the first case, it gets covered under the header
brainy-summer-1041
08/18/2023, 9:10 AMAnd in the second case it's under a normal website section
f
future-action-19564
08/18/2023, 3:43 PMSet the chat bots z-index to 9999 in the chat bots css file or change the image or sections z-index to like 15
b
brainy-summer-1041
08/18/2023, 3:46 PMHow do i do it @future-action-19564? I don't have a z-index line in my CSS code
b
billowy-vase-60798
08/18/2023, 6:52 PMadd this line
.bpw-floating-button {z-index:15}
f
future-action-19564
08/18/2023, 9:07 PMIm not exactly sure but i think what @billowy-vase-60798 suggested is only for the widget but try that and if it doesnt work add this line too:
Copy code
.bpw-layout bpw-chat-container bpw-anim-fadeIn{z-index:9999}