Change z-index of chat window and bubble

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

.global-styles,
.elfsight-app-WIDGET-ID {
position: relative;
z-index: 40 !important;
}
.global-styles,
[class*='FloatingButton__FloatingButtonContainer-sc'] {
z-index: 40 !important;
}

Do not forget to replace WIDGET_ID with the ID of your widget.

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: