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

Topic summary

Issue: On desktop, the chat widget’s visitor input is hard to see (transparent background) and the Close “X” overlaps the Send icon, blocking sending. Mobile works. Theme: Craft (free). Store URL provided.

Browser behavior: In Chrome, the “Email address” and “Order number” inputs overlap and render below the chat window; in Firefox they appear stacked inside the chat and are usable.

Troubleshooting so far: In Chrome DevTools, disabling CSS “position: fixed” and adjusting width to 99% improved layout. The poster asks where in Shopify to make these CSS changes permanent (e.g., theme CSS or custom code). “Position: fixed” keeps an element fixed relative to the viewport, which may be causing overlap.

Peer feedback: Another user reports this seems to be a chat system bug that appears only when logged in as admin; testing as a regular user in an incognito window looked fine.

Current status: Chat is temporarily disabled during a store upgrade; the original poster will revisit and update. No confirmed fix yet; open whether this is an admin-only bug or needs a CSS override. Screenshots illustrate the overlap and layout issues.

Summarized with AI on December 25. AI used: gpt-5.

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.