Need help with making the chat window fullscreen on mobile [AI Engine Pro]

[ad_1]

I’d like to ask for your help in making the chat window popup fullscreen on mobile. I’m using the [AI Engine Pro plugin](https://meowapps.com/products/ai-engine-pro/) for the chat and Elementor Pro as my page builder. I’ve spent hours trying to achieve this using CSS but without any luck 😞. Enabling the “Full screen” box in the plugin’s chat settings also did not work.

Can you please provide me with the correct code to add? Attached are screenshots of how the chat window currently looks when toggled on mobile and after the text field is clicked, as well as an example of how I’d like it to look when toggled and when typing.

Would be grateful for your help!

https://preview.redd.it/e0vvzp3kqmyc1.jpg?width=1289&format=pjpg&auto=webp&s=bfcca6b5e25791722162d51c1beca0534f8d05de

https://preview.redd.it/ho33io3kqmyc1.png?width=1290&format=png&auto=webp&s=b3a6aea0a7a0c6081980647c4509853137015c3b

https://preview.redd.it/dt3kmp3kqmyc1.png?width=1290&format=png&auto=webp&s=60a87a212750c06e4f2363ca0ebc6ba1f2529c22

https://preview.redd.it/opil6s3kqmyc1.jpg?width=1290&format=pjpg&auto=webp&s=bcdb769b97d3c53fb074ed66b82b14c68684d42e

[ad_2]