I am using Bubble to create a banner at the bottom of a page, when clicked a pop up appears. I have enabled iFrames in Bubble so I can use it on other external sites.
Because the iFrame is 100% width and height with a higher z index, it is appearing correctly however it doesn’t allow to interact with the website it is on (because it had a lower z index). Is there a workaround or another way to have Bubble appear like this on external sites? Thank you in advance.
Bubble app - no background color so website content appears below
Bubble app in Shopify via iFrame:
.bubble { width: 100%; height: 100%; position: fixed; bottom: 0; right: 0; border: 0px; z-index: 1000; }
