https://ayuda.hightechpos.com

Contenido centrado verticalmente y al alto de la pantalla de tu SitioSimple

Como no es tarea sencilla lograr colocar en HTML+CSS contenido centrado verticalmente, compatible con todos los navegadores y adaptable a móviles, hemos agregado esta opción en SitioSimple para que se pueda realizar con sólo dos clicks.

Esta nueva funcionalidad permite crear modernas páginas de tipo “landing page”, con contenido claro y visualmente atractivo, como el siguiente ejemplo:

[1]

Cómo hacerlo

1.- Editar una página en SitioSimple y crear o editar una caja:

[2]

2.- Seleccionar un alto para la caja. Ahora hay presets para simplificar la creación de cajas que tengan el mismo alto que la pantalla del dispositivo:

[3]

3.- Al asignarle un alto a la caja, aparecerá una nueva opción para indicar la alineación vertical del contenido:

[4]

4.- ¡Listo!

[5]

Es posible crear varias cajas una bajo la otra, todas con altura igual a la pantalla del dispositivo.
Así, a medida que se va haciendo scroll sobre la pantalla, se visualizará una caja por vez con su contenido.
También es posible centrar verticalmente abajo, y crear cajas del alto de un porcentaje específico del alto de la pantalla del dispositivo.