Make chat window full screen

Add this code to the Custom CSS field on the Settings tab of your AI Chatbot widget’s settings:

@external {
  .chatway--container .chatway--trigger-container {
    z-index: 99999999 !important;
  }
}

.es-interactive-floating-overlay {
  z-index: 9999999999 !important;
}

.es-interactive-floating-window {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.es-header-button-size {
  display: none !important;
}

Hey @Max ,

I tried out this code and it worked very well. Couldn’t remember If I gave you feedback on it so putting it here :grin:.

With thanks,

mx :man_technologist:t5: :sparkles:

That’s great, thanks a lot for sharing your experience with us, @iammasterweb :wink:

sadly I got

Hi @user23472 :waving_hand:

Thanks for bringing this up!

We’ve reviewed the code and here is the updated version:

@external {
  .chatway--container .chatway--trigger-container {
    z-index: 99999999 !important;
  }
}

.es-interactive-floating-overlay {
  z-index: 9999999999 !important;
}

.es-interactive-floating-window {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.es-header-button-size {
  display: none !important;
}

Give it a try and let me know if you like the result :slightly_smiling_face:

PERFECT XAM :grinning_face_with_smiling_eyes: