Es muy fácil controlar los márgenes izquierdo y derecho del bloque contenedor de Stackable y que funcionen, a la vez, en móvil, tablet y escritorio.
Supongamos que hemos añadido un bloque contenedor de ancho amplio. Esto es sencillo ajustarlo con las opciones básicas del bloque (ver figura siguiente).
Eso servirá para que ajustes el bloque perfectamente en escritorio. Prueba ancho completo si ves que con el ancho amplio hay demasiado espacio en blanco a la derecha e izquierda.
Sin embargo, si ahora prueba el aspecto de la página en un teléfono móvil, seguramente veas mucho margen a izquierda y derecha. ¿Cómo ajustar dichos espacios solo para móvil?
El truco es hacer clic en el icono de Desktop (escritorio) que verás en el apartado «Max. Content Width» (ver imagen siguiente).
Entonces aparecen los iconos correspondientes a los ajustes para móvil y tableta (ver imagen siguiente)
El método es:
- Ajusta en escritorio a 0 el padding izquierdo y derecho de escritorio si es necesario.
- Haz clic en icono móvil y pon a 450 el Max. Content Width.
- Prueba en Tableta con un valor de Max. Content Width a tu gusto.