I have embedded a chatbot on my Divi website. All good except the only way to close it is by pressing the X in the upper right corner. However my page header covers and blocks access to the X.
Best answer
How to close a chatbot on mobile view when it's blocked by the header
- Beginner
- 4 replies
Best answer by JammerS
Hi
Welcome to the Community.
If your chatbot's close button is obstructed by your page header on a Divi-themed website, adjust the z-index in CSS to ensure the chatbot appears above the header. If that doesn't work, lower the header's z-index or reposition the chatbot to avoid overlap. Make sure changes are responsive using media queries, and consider adding an alternative close button within the chatbot itself if necessary. Test adjustments across devices to confirm accessibility.
Let me know if you need further assistance.
This post has been closed for comments. Please create a new post if you need help or have a question about this topic.
+6- Zapier Staff
- 3527 replies
- Answer
Hi
Welcome to the Community.
If your chatbot's close button is obstructed by your page header on a Divi-themed website, adjust the z-index in CSS to ensure the chatbot appears above the header. If that doesn't work, lower the header's z-index or reposition the chatbot to avoid overlap. Make sure changes are responsive using media queries, and consider adding an alternative close button within the chatbot itself if necessary. Test adjustments across devices to confirm accessibility.
Let me know if you need further assistance.
- Beginner
- 4 replies
Thanks. I had the bot in the global footer- moved it to body and viola! Thanks Jammers!
+6- Zapier Staff
- 6780 replies
That’s awesome
If you have any other questions, please don’t hesitate to reach out to the Community. We’re always happy to help! 🤗
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.