Descripción del modo de vista previa adaptable de Divi
¿Los cambios en el diseño de su dispositivo móvil también afectan el diseño de su escritorio? El error más común entre los principiantes de Divi es confundir el modo de vista previa receptivo con la configuración de diseño receptivo.
La vista previa responsiva de Divi
El modo de vista previa receptiva es parte de la interfaz del constructor visual Divi. Lo encontrarás en la esquina inferior izquierda después de hacer clic en la bola púrpura en la parte inferior central de la pantalla. Puede obtener una vista previa y editar su sitio web en cinco vistas diferentes: Wireframe, Zoom Out, Escritorio, Tableta y Teléfono.
❌ No utilices esta función para editar la configuración de diseño adaptable.
Sin embargo, es importante comprender que los cambios de diseño afectarán a todos los dispositivos, independientemente de la vista que esté utilizando para obtener una vista previa de su página web.
La configuración de diseño responsivo de Divi
Si desea editar, por ejemplo, el estilo h1 para teléfonos inteligentes o la sección de relleno para tabletas, debe usar la configuración de respuesta Divi en su lugar.
✅ Utilice esta función para editar la configuración de diseño adaptable en su lugar.
Comience haciendo clic en la rueda dentada de la sección, fila o módulo que desea editar. A continuación, haga clic en la pestaña Diseño y abra la configuración que desea cambiar.
Coloque el cursor sobre la configuración que desea cambiar. Si aparece un icono de teléfono inteligente a la derecha del encabezado de configuración, eso significa que hay configuraciones de diseño receptivas disponibles.
Haga clic en el icono del teléfono inteligente y elija el dispositivo que desea editar. Edite su configuración de respuesta y guarde. Esta es la forma correcta de editar el diseño responsivo en Divi.
La configuración de diseño se hereda al dispositivo más pequeño de forma predeterminada
Si no cambias la configuración de diseño de un dispositivo específico, heredará la configuración de diseño del dispositivo más grande más cercano.
Por ejemplo, si configura el relleno de 100px para dispositivos de escritorio sin cambiar la configuración de los dispositivos más pequeños, tanto la tableta como los teléfonos heredarán el relleno de 100px.
Si cambia el relleno a 50px para tabletas, tanto las tabletas como los teléfonos tendrán un relleno de 50px.
Si cambias el acolchado móvil a 25px no se heredará a ningún otro dispositivo ya que el teléfono es el más pequeño vista.
Una vez que cambie una configuración de diseño personalizada para una vista específica, no heredará el valor de los dispositivos más grandes.
