Chat Window issues on desktop version of Squarespace website

I've got a new chatbot running on my website but the chat window controls don't work well on desktop. Once I open the chat window the control to close 'x' doesn't work. The issue seems to be related to whether or not the nav is visible or not. If I scroll down a little bit the chat window controls work fine again. The 'x' to close works fine on mobile.

I have a sense that there's something about the way the Squarespace Nav works that's causing this issue...

Hi,

What is your site url? We can check problem easier

https://boobypillows.com/

On 7/6/2023 at 1:09 AM, aseideman said:

https://boobypillows.com/

Add to Design > Custom CSS

.bp-widget-widget {
	z-index: 9999999 !important;
}

Thanks for the reply. Unfortunately that still doesn't make the chat window controls active at the top of the page on desktop. It also hides the top of the chat window on mobile - behind the nav bar.

Maybe the issue is that there's no other reference to this on the site besides the css you wrote

bp-widget-widget

My widget embed code is 

<script src="https://cdn.botpress.cloud/webchat/v0/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/bed8400e-aa57-4215-93e4-8ba9bd42edf6/webchat/config.js" defer></script>

On 7/9/2023 at 10:41 AM, tuanphan said:

Add to Design > Custom CSS

.bp-widget-widget {
	z-index: 9999999 !important;
}

 

Can you add & keep the code? I just tested & it looks fine. See this video