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

stephenout
New Member
5 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 4 (4)

stephenout
New Member
5 0 0

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

Cheers,
Stephen
stephenout
New Member
5 0 0

It's one of the free ones, Craft.

Cheers,
Stephen

stephenout
New Member
5 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
5 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