cool-gigabyte-12797
02/19/2025, 8:02 PMmost-furniture-55717
02/26/2025, 1:04 AMsteep-processor-45408
02/28/2025, 8:37 AMmost-furniture-55717
03/04/2025, 5:46 PMdazzling-book-58250
03/12/2025, 5:34 AMboundless-iron-15947
03/15/2025, 4:40 PMdazzling-book-58250
03/18/2025, 4:21 PMdry-bird-50661
03/18/2025, 4:37 PMdry-bird-50661
03/18/2025, 4:37 PMworried-pharmacist-36176
03/18/2025, 5:36 PMcalm-animal-95421
03/25/2025, 7:27 AMred-nightfall-28336
04/01/2025, 9:01 PMenough-city-70479
04/10/2025, 3:46 AMimportant-actor-20516
04/10/2025, 6:51 AMdry-bird-50661
04/10/2025, 8:15 AMbulky-secretary-69330
04/10/2025, 1:03 PMable-knife-37567
05/02/2025, 12:26 AMlimited-monitor-63759
06/05/2025, 5:39 PMcool-jordan-57346
06/12/2025, 9:07 AMcool-jordan-57346
06/12/2025, 9:07 AMlittle-sugar-44771
06/12/2025, 12:34 PMlittle-sugar-44771
06/12/2025, 5:04 PMcool-jordan-57346
06/13/2025, 1:52 AMfamous-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 🙏salmon-cricket-9345
07/21/2025, 4:34 AMbumpy-butcher-41910
07/23/2025, 8:57 PMquiet-air-95012
07/27/2025, 1:24 AMquiet-air-95012
07/27/2025, 5:42 PMquiet-air-95012
08/01/2025, 3:35 PMlimited-truck-64250
08/06/2025, 3:26 PM