# Display chat window on mobile like on desktop

**URL:** https://community.elfsight.com/t/display-chat-window-on-mobile-like-on-desktop/97100
**Category:** AI Chatbot
**Tags:** Gathering-Feedback
**Created:** [January 27, 2025, 12:50pm UTC](https://community.elfsight.com/t/display-chat-window-on-mobile-like-on-desktop/97100 "2025-01-27T12:50:13Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Christian\_R\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/christian_r_s/32/35324_2.png) [@Christian\_R\_S](https://community.elfsight.com/u/Christian_R_S)
#### Post date: [January 27, 2025, 12:50pm UTC](https://community.elfsight.com/t/display-chat-window-on-mobile-like-on-desktop/97100/1 "2025-01-27T12:50:14Z")

</div>

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:

```auto
[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;
}

```