Reduce size of the widget on mobile

CSS Codes Chats
1

Add this code to the Custom CSS field on the Appearance tab of your Chat widget’s settings:

@media screen and (max-width: 480px) {
[class*="Header__Component-sc"] {
padding: 15px 20px;
}
[class*="Window__Container-sc"] {
width: 256px !important;
}
[class*="ChatButton__DefaultButtonComponent-sc"] {
margin: 15px 20px !important;
}
}