CSS - Hacer responsive lightbox

Hola, espero te encuentres demasiado bien. :)

Tengo un gran problema que espero algún experto pueda ayudarme a resolver:

En este post:
https://www.todopatuweb.net/news/como-tener-insertar-un-chat-en-tu-sitio-web-facilmente

Hay botones que dicen "Ver chat", en escritorio se ve todo perfecto.

Pero en un móvil (pequeño) la experiencia es mala:
https://ibb.co/3MDq90q

Lo que quiero conseguir es esto:
https://ibb.co/dr2JHKP

Además de hacer "fixed" la imagen, para que, aunque se haga scroll no se mueva.

¿Qué tengo que hacer en cuanto a CSS?

Gracias y obtén un abrazo de mi parte.

Saludos Arturo,

se pueden hacer Lightbox, Modal con pocas líneas de código... Veamos algunos ejemplos adaptables:

https://www.w3schools.com/howto/howto_js_popup_chat.asp

https://www.w3schools.com/w3css/w3css_modal.asp

https://responsivebp.com/v2/javascript/lightbox.html

Etc...

Espero sea útil.

Hola,

¿tienes la url del chat real? Será mucho más fácil que por medio de imágenes.. ;)

Saludos,

los Chats de terceros por url, script, iframe, etc., tienen cada uno sus particularidades; no son fácilmente cofigurables. Si necesitas algo más concreto, tendrás que adaptarlo y/o construirlo.

Las direcciones indicadas, sólo incluyen ejemplos del Lightbox, Modal. Adaptarlos, es otra opción que depende de varios y diversos factores.

Para construir o adaptar un Chat, también hay que manejar lenguajes interpretados en el servidor: Php. Asp, Perl, etc.
Cuando tengas claro y ultimado lo que necesitas, explícalo con detalle en el Foro correspondiente. A ver si así es posible que te ayuden y avanzar con proyecto.

Espero que vaya todo bien.