Hello Shopify Support,
Shopify Inbox has been installed, and chat window has been made visible. However, we realized that the Chat Window can’t be minimized when it is opened. The “X” button (to close the window) won’t appear, unless my browser is set to 70% size.
Any way to make the window smaller? I searched past discussions regarding putting some codes in theme.scss or theme.css file, but seems like I don’t have that file. Please assist on this. Thank You!
Adib
Traverse
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi Sir,
thanks for it but i can’t see Shopify inbox chat box
Hi Sir,
That’s strange. I have set it as visible.
I have reset it now to Visible. Can you try again?
Yes Sir
Confirmed.
However, on my laptop, once the chat window is opened, it can’t be closed because the X Button is not visible.
I need to reduce the browser screen size to 70% to view it, to close the window.
can you please remove this style code
and comment code this or removed
Hi Sir,
So you want me to remove this section from theme.scss.liquid?
#ShopifyChat#ShopifyChat {
bottom: 100px !important;
z-index: $zindexShopifyChatBubble !important;
max-height: 75vh !important;
.modal-open &,
.screen-layer-open & {
display: none;
}
Hi Sir,
I have settled it. Thank you!
Played around with the values of bottom and max height, until it is good enough for my screen.
Have tried the viewing with my phone, and a friends PC..and issue has been solved.
Thank You!
its my pleasure to help us
Try this css in css file or paste before in theme.liquid with
@media screen and (min-width:768px) {
iframe#ShopifyChat {
top:0;
-webkit-transform: scale(0.79);
-moz-transform-scale(0.79);
transform-origin: 0 0;
right:0 !important;
}
iframe#ShopifyChat:not([isopen=“true”]) {
top:auto !important;
}
}
Pasting this given code at the very bottom of Assets->Base.css worked for me very well ! thank you. I am using Dawn 2 theme.
@media screen and (min-width:768px) {
iframe#ShopifyChat {
top:0;
-webkit-transform: scale(0.79);
-moz-transform-scale(0.79);
transform-origin: 0 0;
right:0 !important;
}
iframe#ShopifyChat:not([isopen=“true”]) {
top:auto !important;
}
}
@mosquecarpet you welcome 
theme.scss.liquid file exist in my code
what are changes?
remove it if it is giving problem. Make sure it will work properly
i removed part now its working
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hello I am facing an issue with the shopify inbox chat bubble it is way too big. I do not have the theme.scss.liquid file in my code. I am currently using the Impact theme. Please let me know what the solution for this is.
