Display chat window on mobile like on desktop

Wishlist AI Chatbot
1

Right now, the chat window covers all screen on mobile devices and I wish to display it like on desktop.

As for now, the Support Team suggests using this code in the Custom CSS field on the General tab of your widget’s settings:

[class*='window__Container-sc'][style='max-width: unset; max-height: unset;'] {
  height: 580px;
  width: 320px;
  border-radius: 16px;
  inset: auto 20px 100px auto;
  max-height: 839px !important;
}
2 Likes
2

Hi @Christian_R_S
try this. Adjust with the scale and margin-top values.

@media(max-width: 500px) {
  [class^="window-transition__Container-sc"] {
    transform: scale(0.94);
    margin-top: -10px !important;
  }
}
1 Like