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

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

stephenout
New Member
6 0 0

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_0-1714428870095.png

 

Cheers,
Stephen
Replies 6 (6)

stephenout
New Member
6 0 0

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

Cheers,
Stephen
stephenout
New Member
6 0 0

It's one of the free ones, Craft.

Cheers,
Stephen

stephenout
New Member
6 0 0

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.

 

stephenout_0-1714443715551.png

 

What does Chrome require to work with the chat?

Cheers,
Stephen
stephenout
New Member
6 0 0

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?

 

stephenout_1-1714449619227.png

 

Cheers,
Stephen

vincenz
Shopify Partner
16 0 5

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
New Member
6 0 0

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.

Cheers,
Stephen