Utilice puntos de interrupción adicionales para diseñar incluso más dispositivos. Vea cómo se ven sus creaciones en cualquier tamaño de pantalla y asegúrese de que sus diseños se mantengan perfectos en píxeles en todos los dispositivos.
Los puntos de ruptura de Elementor son utilizados en el diseño de sitios web para que estos puedan responder en todos los dispositivos. Estos puntos utilizan un conjunto adicional de reglas CSS para aplicar a los elementos en función del ancho de la pantalla. Por ejemplo, un encabezado podría mostrarse a 55 px para escritorio, 34 px para tableta o 21 px para móvil. En ocasiones, también se pueden necesitar puntos de ruptura adicionales para el diseño. Ahora es posible administrar estos puntos de ruptura adicionales en la configuración del sitio.
Los puntos de ruptura adicionales son un experimento estable y están activos de forma predeterminada en los nuevos sitios web.
Controle cada valor de punto de ruptura individualmente y personalícelos para que se adapten a sus necesidades. Disfrute de una flexibilidad de diseño completa sin escribir una sola línea de código.
Visualice cómo los valores caen en cascada de un dispositivo a otro. Vea los valores iniciales y cambie los puntos de ruptura en consecuencia para mantener sus diseños consistentes en cada pantalla.
Vamos al lío
Aprenda a administrar sus puntos de ruptura adicionales en el documento a continuación. Para usar la función Puntos de interrupción adicionales, es posible que deba navegar a Elementor> Configuración> Funciones y establecerlo en Activo. Esta función estará activa en las nuevas instalaciones.
Editor de modo responsivo
Para ingresar al Editor de modo responsivo, navegue hasta la esquina inferior de su panel de editor y haga clic en el icono del modo responsivo. Esto cargará los puntos de ruptura. Estos también se cargarán en cualquier control responsivo en el editor.
Configure sus puntos de ruptura
Para abrir el editor de puntos de ruptura, puede hacer clic en el ícono de ajustes ubicado en la esquina superior de su pantalla.
Agregando Puntos de Ruptura Adicionales
Para agregar puntos de ruptura, haga clic en el ícono + en el control de puntos de ruptura activos. Aparecerá una lista desplegable con las opciones adicionales.
Seleccione un nombre de dispositivo para agregar un punto de ruptura.
Después de agregar un punto de ruptura personalizado, usted puede usar el ícono «x» para eliminarlo.