Still the chatbubble distrurbs object far away from it

As the title says, see image below:

The save (Spara Klient) button can’t be clicked.

How to fix this?

Hi there!

There’s a simple fix that should help you out. It’s all about adjusting something called the “z-index” of your chatbot.

To do this, head over to your chatbot settings by visiting https://app.answerly.io/chatbot/other. Once you’re there, look for the z-index setting and reduce the number by half until you see a desired effect.

It might involve a bit of trial and error, as technically all elements have their own zindex, so what we’re trying to achieve here is keeping a high enough zindex, but lower than your “Spara Klient” element.

==
Alternatively just put the website here and I can find an accurate zindex for you as it’s easy if you’re friendly with the browser devtools.

1 Like

Hey Fatos, thanks. Right now that number is “10000100” - does that mean i should change it to “500050”?

I’ll send you a Pm

I reduced it to the end and there doesn’t seem to do anything. @Fatos

I tried halving it from 10000100 all the way to 125001 and it didn’t move it a millimeter.

You can check the Z-index of the button and reduce it less than that.
if no help then you can try to add position:relative and assign a z-index and push it behind.
You can try reducing the z-index of chatbot to 1.
Let me know if works. Else will be happy to get on a call or meeting and help you out.

thanks for the assistance. “if no help then you can try to add position:relative and assign a z-index and push it behind.” Do you mean in the backend of the site or can i do this to the chatbot?

It’s been almost 20 days @Fatos @Simone and i have still not received a solution to this despite using mail support, despite fatos saying he could take a look.

I encountered the same issue months ago, and unfortunately, no solution has been found. I don’t understand why this problem is unique to the Answerly toggle. Other businesses using toggle don’t seem to have this issue, which suggests it might be a bug in the main Answerly code that remains unresolved.

Yea, i seems like this is an issue to the way the chatbot is set up, because it’s locking up unnecessary space and don’t know why that would be necessary.

Could you please contact hi@answerly.io? We’ll work on finding a solution for you.

@paradisianway @Kevin

I have just launched a fix for this! Could you check it out and tell me if it works?

@paradisianway

I also want to apologize for this. I believe it’s the longest bug that took to fix.

Widgets need to be isolated from websites they’re embedded at, so the solution was not as simple as the issue itself.

Still I apologize, it’s my fault! We should have prioritized this before other updates.

Cheers.

1 Like

Hey @Fatos - i do beleive it works. But i made z-index changes to one of my clients chatbots and possibly other changes like
iframe.a {
width: 100px !important;
height: 100px !important;
}

now it’s broken and just a small square and im not sure how to fix it, z_index is missing from settings and i’ll ask client to remove css changes.

1 Like