With the recent Winter changes, My shopify Inbox chat window in the mobile view takes over the screen and can’t be closed. Appears to be a sizing issue and you can’t scroll to get to the X to close it.
If you attempt to navigate out of the window it seems to stay over everything confusing everyone. I have had to turn it off - but you can’t just turn off for mobile. Asked Shopify support they seem to suggest using Chatty instead 
Is anyone else experiencing this issue or is it just me?
@Cathy_Charles Yes, you’re definitely not the only one experiencing this.
Since the recent Winter updates, Shopify Inbox has had a mobile display issue where the chat window expands and the close (X) button becomes unreachable. This makes it feel like the chat is stuck on the screen, which is confusing for customers.
At the moment, Shopify Inbox doesn’t allow mobile-only control, which is why support often suggests alternatives like Chatty or similar apps that give better control over mobile behavior.
There are a few ways to reduce the impact, depending on your theme and setup.I can walk you through the safest options and help you decide the best fix.
chockadoo.myshopify.com or chockadoo.com.au. Collaborator code is 3751
info [email removed] chockadoo dot com dot au
tried to add the email but its failing. Info at chockadoo com au. Hopefully this wont drop off too
Someone or something changed the z-index to 1 (on line 1469), causing it to be displayed behind the header…
Undoing this reverts to the original z-index and displays on top of the header, showing the close button.
Not sure why you need someone who joined yesterday and has zero credibility to gain access to your account, but this should be obvious to them and if they had an ounce of integrity, they wouldn’t be doing this to every post for the last 24 hours….
Wow so simple thank you
Yes, actually there are several rules like this:
/* Catch ALL fixed bottom buttons/bars */
body > div[style*="position: fixed"][style*="bottom"],
body > section[style*="position: fixed"][style*="bottom"],
body > button[style*="position: fixed"][style*="bottom"] {
display: none !important;
}
/* Extra safety for mobile */
@media (max-width: 768px) {
[style*="position: fixed"][style*="bottom: 0"] {
display: none !important;
}
}
. . .
/* Force floating buttons behind */
[style*="position: fixed"] {
z-index: 1 !important;
}
Which will apply to any element with these styles applied.
Need to be more specific in CSS selectors.
This has fixed the issue thank you so much!