Skip to main content

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.

Hi ​@Todd Lichtenwalter,

 

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.


Thanks. I had the bot in the global footer- moved it to body and viola! Thanks Jammers!


That’s awesome ​@Todd Lichtenwalter! A huge thanks to ​@JammerS for pointing you in the right direction!

If you have any other questions, please don’t hesitate to reach out to the Community. We’re always happy to help! 🤗