No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

¿Cómo actualizar los puntos de ruptura responsivos para Tablet+Mobile en Astra?

Sidebar Image

Did not find a solution? We are here to help you succeed.

Anteriormente, en Astra teníamos puntos de ruptura por defecto, es decir, 544 para móviles y 768 para tabletas. En el Astra v2.4.0estamos proporcionando la función para establecer el punto de ruptura Responsive en Astra y hacerlos coincidir con su constructor de páginas.

Puntos de interrupción por defecto -

  • Mobile Breakpoints - Existing y New - 544px ambos son iguales.
  • Puntos de interrupción de la tableta - 768 ( Existente ) - 921 ( Nuevo punto de interrupción )

¿Por qué?

  • Algunos usuarios necesitaban puntos de rotura diferentes. Supongamos que usted está construyendo su sitio web con un constructor de páginas y el constructor de páginas tiene diferentes puntos de interrupción ( en lugar de 544 y 768 ).
  • Cuando se crea un Menú con un punto de ruptura en 921px, por debajo del cual nuestro menú se convierte en un Menú Hamburguesa por lo que normalmente los colores para este dispositivo deberían renderizarse como Tablet, pero en este caso, los colores están heredando del escritorio. Porque antes de esta versión teníamos un punto de ruptura por defecto de 768px para tablet. Esta situación se ha solucionado en esta versión.

Así que empezando por el Astra v2.4.0 puede modificar los puntos de rotura de Tablet y Móvil del tema Astra con respecto a los puntos de rotura del constructor de páginas.

¡Solución!

En nuestro Astra v2.4.0hemos introducido nuevos puntos de ruptura para nuevos usuarios son, para Tablet = 921px, para Móvil = 544px.

Qué significa para la usuarios existentes, el sitio o cualquier cambio no se verán afectados, sus puntos de interrupción será 768px & 544px como funcionaba.

Si los usuarios existentes desean actualizar sus puntos de ruptura por defecto con algunos puntos de ruptura diferentes, pueden utilizar el siguiente filtro -

Hemos introducido dos nuevos filtros para cambiar los números de los puntos de interrupción para móviles y tabletas.

Para cambiar el punto de interrupción móvil:

// Actualice su punto de interrupción móvil personalizado a continuación - como devolver 544;
add_filter( 'astra_mobile_breakpoint', function() {
    return 544;
});

Para cambiar el punto de interrupción de la tableta:

// Actualice su punto de interrupción de tableta personalizado a continuación - como return 921;
add_filter( 'astra_tablet_breakpoint', function() {
    return 921;
});

Nota: Siga los pasos aquí en este documento para añadir el filtro anterior o cualquier código personalizado utilizando el Child Theme u otros métodos como se ha mencionado.

A los usuarios existentes, les recomendamos que utilicen el mismo valor de punto de ruptura para "astra_tablet_breakpoint" y desde el Menú principal > Punto de interrupción del menú. Así que cuando su menú muestra un menú de hamburguesa se cargará la configuración de la tableta para ambos ( es decir, la configuración del personalizador y el estilo CSS ).


¿Tiene problemas de estilo en un sitio web preparado para RTL?
=> Recomendamos visitar la página de Opciones de Astra y actualizar la página para resolver el problema de estilo. O si el Generación de archivos CSS intenta actualizar la configuración.

Recomendado: Para disponer de la última versión tanto del Tema Astra y Complemento Astra Pro es decir 2.4.0 y superior.

¿Le ha resultado útil este artículo?
Sidebar Image

¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form