Hacer clickable el teléfono en el menú secundario de divi

Categoría: Divi

El menú secundario de divi es muy versátil. Podemos colocar un menú de wordpress, nuestras redes sociales, un correo electrónico y nuestro teléfono. Pero, como todo en esta vida, no es perfecto. Un pequeño fallo que podemos encontrarle es que el teléfono no es clickable, es decir, si hacemos click sobre él, no nos lo marca (cuando lo hacemos, lógicamente, en un móvil). Pero eso tiene una solución sencilla. Para ello necesitarás tener instalado un child theme, colocar en él el header.php de divi y modificar la línea que pone:

<span id="et-info-phone"><?php echo et_sanitize_html_input_text( $et_phone_number ); ?></span>

por:

<span id="et-info-phone"><a href="tel:<?php echo et_sanitize_html_input_text( $et_phone_number ); ?>"><?php echo et_sanitize_html_input_text( $et_phone_number ); ?></a></span>

Con esto, el teléfono quedará clickable y nos hará la llamada al pulsar sobre él desde un móvil. Sin embargo, si estamos en un pc, nos puede interesar evitar este comportamiento para no confundir al usuario, ya que desde pc nos saldrá un mensaje de alerta al pulsar sobre teléfono. Hacerlo es muy fácil. Basta copiar el siguiente código css y pegarlo en «css adicional» del personalizador de wordpress, en el style.css de nuestro tema hijo o en «css personalizado» dentro de las opciones del tema divi:

@media screen and (min-width: 981px) {
    #et-info-phone {
        pointer-events: none !important;
    }
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Política de privacidad: Leer aquí | Responsable: Rafael Martín - Górriz Trillo | Fin del tratamiento: Gestión de comentarios | Legitimación: Tu consentimiento | Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal. | Derechos: Acceso, rectificación, portabilidad, olvido | Contacto: [email protected]