Ayuda  

Que tal Ramon,

Actualmente, en el sitio no veo implementado el icono al que te refieres; sin embargo, puedes probar aplicando los siguientes estilos CSS

#whatsapp{
height:60px;
width:60px
}

Estos estilos pueden funcionar como punto de partida pero lo ideal es probarlos directamente desde el inspector asi que si puedes colocarlo seguro lo ajustamos mejor

Saludos!

@bruno-vichetti se ve muy grande y descuadra la cabecera donde pongo esa URL?

Hola Ramon,

Sigo sin ver el icono en tu sitio

Puedes colocarlo para que podamos verlo inspeccionarlo y darte indicaciones al respecto

Quedamos atentos

Saludos!

 Yo solo quiero que se vea al ladito pequeño 

Hola Ramón.

El problema lo tenemos en que no lo tienes añadido ahora y necesitamos que esté visible en la web paar poder revisarlo.

Añade el Icono y cuando lo tengas lo indicas para que podamos revisarlo.

Un saludo

@pepesoler ya lo publique 

Hola Ramón.

Ok, lo tienes añadido como un elemento de menú y aparte que no tiene ninguna funcionalidad no podrás adaptarlo como quieres.

.- Elimina el código.

.- Instala el siguiente plugin:

-> https://es.wordpress.org/plugins/creame-whatsapp-me/

.- Accede a las opciones del plugin y añade el telefono:

.- En al opción " Llamada a la acción " añade un texto que es el que se mostrará cuando aparece el chat

 El icono de whatsapp aparecerá en al esquina inferior y el resultado sería este:

Un saludo

@pepesoler yo no quiero que cumpla ninguna funcionalidad solo quiero que esté ahí y ya está pero en el tamaño del teléfono 

Hola Ramon,

Entendemos lo que deseas por favor deja el icono visible para que le podamos aplicar estilos CSS por medio del inspector de elementos

Saludos!

@bruno-vichetti😔 hay Dios listo 

Hola Ramón.

Hay señor Ramón.... nosotros intentamos ayudarte siempre y creo que contigo lo estamos haciendo bien, en este caso te ofrecemos lo que creemos que es mejor para lo que buscas y no se de donde sacaste ese codigo pero no lo puedes añadir como un elemento de menú ya que no se puede modificar su tamaño, bueno si que se puede pero los textos desaparecerían o se mostrarían tan pequeños que no se podrían apreciar. En el código que muestras estas añadido una imagen en formato svg que es un formato vectorial el cual se adapta al bloque donde lo estas mostrando y la resolución, si lo modificamos por CSS se modifica todo . La verdad siento mucho que no te guste nuestro servicio 😞 pero bueno siempre puedes recurrir a terceros o consultarlo donde encontraste ese código.

El código que muestras es una imagen en formato SVG que es un formato vectorial, si intentamos modificarlo por CSS el resultado sería este, como ves no se puede apreciar el texto con el teléfono:

Modifica el código anterior por el siguiente:

<p class="btn btn-lg btn-success" > <i class="fa fa-whatsapp fa-3x" aria-hidden="true"></i> 680 50 50 19</span></p>

Un saludo

@pepesoler el icono de WhatsApp no se puede colocar más pequeño? Que el recuadro quede mucho más pequeño y se que es grande su ayuda

Hola Ramon.

el icono de WhatsApp no se puede colocar más pequeño?

Si Claro, el tamaño del icono se lo damos con el valor fa-3x, puedes utilizar fa-2x - fa-1x o incluso no poner nada:

El tamaño mas pequeño seria:

<p class="btn btn-lg btn-success" > <i class="fa fa-whatsapp" aria-hidden="true"></i> 680 50 50 19</span></p>

Si lo pruebas y quieres que sea mas grande puedes utilizar:

<p class="btn btn-lg btn-success" > <i class="fa fa-whatsapp fa-1x" aria-hidden="true"></i> 680 50 50 19</span></p>

Puedes ir aumentando el tamaño modificando fa-1x por fa-2x......

Un Saludo