Editor X: administrar breakpoints

Editor X te permite crear un sitio totalmente adaptable a diferentes breakpoints. Los breakpoints son los puntos en los que se ajusta el diseño para que los visitantes siempre vean la mejor versión posible de tu sitio web, desde cualquier dispositivo. 

Es posible que desees que tus páginas y secciones master tengan un diseño diferente en ciertas ventanas de visualización, como pantallas más grandes o dispositivos móviles. Con el Editor X, puedes definir distintos breakpoints para cada página y sección master de tu sitio web y personalizar el diseño según corresponda. 

De forma predeterminada, tu Editor viene con los breakpoints más comunes en función del tráfico del usuario (móvil, tableta y escritorio). Nuestros breakpoints destacados cubren una gran variedad de tamaños de pantalla. No obstante, siempre puedes agregar un breakpoint personalizado si las opciones disponibles no satisfacen tus necesidades.

Podrás ver 3 breakpoints predeterminados en la parte superior del Editor. Haz clic en ellos para ver y comenzar a personalizar la página o la sección master para ese tamaño de pantalla.

También puedes pasar de un breakpoint a otro arrastrando las manillas en los lados izquierdo y derecho del lienzo:

Tal vez quieras diseñar tu página o sección master para un tamaño específico de ventana de visualización que no está incluido en nuestros breakpoints predeterminados. En ese caso, agrega un breakpoint con tu tamaño personalizado. 

Cambia el tamaño de los breakpoints existentes en tu Editor. 

Quizás decidas que no necesitas ni deseas diseñar tu sitio web para un tamaño de pantalla determinado. Puede eliminar un breakpoint en cualquier momento. De esta manera, eliminarás las propiedades de estilo y diseño para el breakpoint.