WebSite X5Help Center

 
LHNET SW
LHNET SW
User

Objeto mobile contact con icono que estorba  es

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:

https://lhnet.com.mx/form/

Gracias

Publicado en
6 RESPUESTAS
Jorge Rodriguez
Jorge Rodriguez
User

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

Leer más
Publicado en de Jorge Rodriguez
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
LHNET SW
Quiero utilizar el objeto MOBILE CONTACT para celulares, pero solo quiero que se vea el icono del whatsapp únicamente. ... ... ... 

(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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
LHNET SW
LHNET SW
User
Autor

Muchas gracias Jorge Rodriguezpor tu aportación

Leer más
Publicado en de LHNET SW
LHNET SW
LHNET SW
User
Autor

Y muchas gracias también  ‪ KolAsim ‪   

Usé tu propuesta y funcionó perfecto.

Saludos

Leer más
Publicado en de LHNET SW
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK... Ya revisé,... usaste el .2) ... adiós... ciao ...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪