Why is my chat form input field transparent on desktop view?

[stephenout]

On desktop view, I'm finding the visitor's input field has a transparent background and it's difficult to see. It's fine on mobile.

In addition, the Close icon "X" is positioned over the Send icon, so they can't send a message.

See pic below.

Any thoughts on how I can resolve this. Thanks.

[stephenout]

The store is here, https://shop.happinessisjustachoice.com/

[stephenout]

It's one of the free ones, Craft.

[stephenout]

So, it seems to be an issue with Chrome where the two input fields, 'Email address' and 'Order number', occupy the same space below the chat window. In FireFox, they position within the chat window, one under the other and are totally accessible.

What does Chrome require to work with the chat?

[stephenout]

So, in Developer Tools, I made some adjustments and have promising results in Chrome.

Disabling 'position: fixed' and a tweak to 'width: 99%'.

Where can I make these in Shopify so they are permanent? Can someone help me with that, please?

[vincenz]

I have the same problem, I think this is actually a bug in the chat system.

It only shows if logged in as admin from what I can see.

Try testing as a user in incognito browser, it seems ok.

[stephenout]

Thankz Vincenz, I will check it out.

Right now, I've disabled the chat while I work on upgrading the store. I'll circle back and update later.