Objeto mobile contact con icono que estorba 
Autor: LHNET SW
Visitado 57,
Followers 2,
Compartido 0
Quiero utilizar el objeto MOBILE CONTACT para celulares, pero solo quiero que se vea el icono del whatsapp únicamente.
Pero aparece un icono adicional que estorba y para lograr ver el icono del whatsapp, primero se tiene que dar un toque en ese icono que estorba y aparece el icono de whatsapp. por qué?
Yo necesito que solo se vea el icono del whatsapp únicamente.
Muestro las imágenes para celular y dejop el link:


Gracias
Publicado en

Hola,
a ver si es esto lo que necesitas
INSERTAR ANTES DEL CIERRE DE LA ETIQUETA HEAD
<!-- *****BOTON DE WHATSAPP***** -->
<!-- *****INICIO BOTON WHATSAPP***** -->
<style type="text/css">.redes-flotantes {
position: fixed;
left: 8px;
top: 90%;
z-index: 20;
}
.redes-flotantes img {
float: right; clear: right;
margin: 5px;
-moz-transform: scale(.8) ;
-webkit-transform: scale(.8) ;
-o-transform: scale(.8) ;
-ms-transform: scale(.8) ;
transform: scale(.8) ;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.redes-flotantes img:hover {
-moz-transform: scale(1.1) rotate(6deg);
-webkit-transform: scale(1.1) rotate(6deg);
-o-transform: scale(1.1) rotate(6deg);
-ms-transform: scale(1.1) rotate(6deg);
transform: scale(1.1) rotate(6deg);
}</style>
<div class='redes-flotantes'>
<div class="separator" style="clear: both; text-align: left;"></div>
<div class="separator" style="clear: both; text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://wa.me/AQUI VA EL NÚMERO DE TELEFONO CON EL PREFIJO DEL PAIS" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://1.bp.blogspot.com/-q3Dot9N2qac/XOQgr9etVpI/AAAAAAABT1M/6V4Bqaqr-6UQcl9Fy2_CaVgex0N_OYuQgCLcBGAs/s1600/whatsapp%2Bicono.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;"></a></div></div>
<!-- *****FIN BOTON WHATSAPP***** -->
Saludos
Jorge R.M.
Barcelona - España
(It > Es) ... ... ... Solo interfaz de usuario, sin IA...
1) - Si desea seguir usando el objeto "contacto móvil" actual y solo ver el ícono de WA en el "móvil" tal como está ahora, pero sin la carita feliz, use este código:
<style>
.wa{transform: scale(1) !important;bottom:0px !important}
.mc_btn {display:none !important}/*K*/
</style>
2) - Si desea seguir usando el objeto "contacto móvil" actual y también verlo en el escritorio, use este otro código:
<style>
.root {display:block !important}
.wa{transform: scale(1) !important;bottom:0px !important}
.mc_btn {display:none !important}/*K*/
</style>
.
ciao
.
... actualmente solo has colocado el objeto "contacto móvil" en la página de INICIO-HOME. Por lo tanto, colocarás mi código en el Paso 3, en Propiedades de la página de INICIO-HOME, sección | Experto | Código, antes de la etiqueta de cierre /HEAD, es decir, aquí:
> Paso 3 - Mapa > Ventana 'Propiedades de la página' > Las opciones de la sección Avanzado >
▪Código personalizado: Antes del cierre de la etiqueta HEAD
.
ciao
.
Autor
Muchas gracias Jorge Rodriguezpor tu aportación
Autor
Y muchas gracias también KolAsim
Usé tu propuesta y funcionó perfecto.
Saludos
... OK... Ya revisé,... usaste el .2) ... adiós... ciao ...
.