Hola.
Tienes que cambiar la posición del botón con la propiedad z-index, en el enlace tienes la información al respecto.
En tu caso tienes que añadir este código al archivo style.css de tu tema hijo o en el CSS personalizado del tema, en la ruta Apariencia > Personalizar > CSS adicional:
.joinchat.joinchat--left.joinchat--btn.joinchat--show.joinchat--tooltip {
z-index: 10000;
}
Con este código le asignas una posición superior al botón, así consigues que se vea encima del los otros elementos.
Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.
Iniciador del debate
marioweb
(@marioweb)
Buenas tardes.
Coloque el código en el lugar donde me indicó y sigo teniendo el mismo problema u.u
Hola.
Fuerza el valor de la propiedad z-index añadiendo un important!
, el código quedaría así:
.joinchat.joinchat--left.joinchat--btn.joinchat--show.joinchat--tooltip {
z-index: 10000 important!;
}
Según veo yo el código, sobra .joinchat--tooltip
así que quedaría de esta manera:
.joinchat.joinchat--left.joinchat--btn.joinchat--show {
z-index: 10000;
}
Otro asunto es que te deberías plantear la usabilidad de ese banner, con su propio botón, una minúscula X de cierre y dos botones de chat por encima… Todo un infierno para el usuario.