famous-electrician-63225
06/29/2025, 1:42 PMz-index of the Botpress webchat button on my site (Shopify-based).
The goal is to make sure the chat button always stays on top, even when a Typeform popup appears on the screen — currently, the Typeform is overlapping the button and hiding it.
Here’s what I’ve already tried:
- Adding custom CSS with z-index: 9999999 !important;
- Inline styles, external stylesheets, and style blocks inside Shopify
- I even found in one of the tutorials here that people were using this:
CSS
.bp-widget-side {
z-index: 999999999 !important;
}
But none of these have worked — the Typeform still overlaps the chat button.
🔧 Has anyone faced something similar or found a reliable way to force the Botpress button to stay on top of all other elements?
Thanks a lot in advance 🙏