Divi Theme añade el viewport que establece el zoom permitido en su tema con una función. Un pequeño código escrito en functions.php del tema.

Estuve mirando dónde estaba, normalmente en el header.php o indexp.php dependiendo de la plantilla que sea. En este caso Divi lo añade mediante un add_action su archivo de funciones.

Divi utiliza un gancho (hook), para añadir el código y se llama et_add_viewport_meta, por lo que no solo deberíamos añadir una función con el mismo nombre porque de ese modo se provocaría un error (no puede haber dos funciones con el mismo nombre)

Lo primero que deberíamos hacer es eliminar el gancho que añade el archivo functions.php y debemos eliminarlo con remove_action y para hacerlo nos serviremos del nombre de la función por ejemplo con el siguiente código añadido en el functions.php del tema hijo o en un plugin que añada php al sitio web

// quitar zoom predeterminado
function borrar_viewport() {
remove_action ('wp_head', 'et_add_viewport_meta');}
add_action ('init', 'borrar_viewport');

Si os fijáis en la última línea se ha establecido que la acción se elimine de la sección ‘init’ esto es porque si se utiliza ‘wp-head’ el gancho no se eliminaría, hay que eliminarlo de init

El segundo paso es establecer un nuevo viewport con otra función y utilizaremos un nombre diferente como por ejemplo nuevo_et_add_viewport_meta

El código sería algo así:

function nuevo_et_add_viewport_meta(){

// echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
echo '<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=2.0, user-scalable=1" />';
}
add_action( 'wp_head', 'nuevo_et_add_viewport_meta' );

The ViewportMas información:

Publicaciones relacionadas anterior y posterior

Ir al contenido