Cómo elegir el tamaño de tu encabezado

Tamaño del encabezado

La altura del encabezado define cuánto espacio ocupa tu marca arriba: discreto, para dejar sitio al contenido, o más alto, para dar más presencia a tu título y a un texto breve.

En «My App», abre Structure y haz clic en Header.

Tres alturas

«Header height» tiene tres tamaños: Small, Medium y Large. River Daily usa Small.

Elige Medium… y el encabezado crece, con más espacio alrededor de tu título.

Elige Large… y ocupa cerca de un tercio de pantalla, una bienvenida con la marca de tu app.

Pasar a Large también cambia la opción de visualización del título a «Logo only»… y el efecto de desplazamiento, a Resize.

Con Medium y Large, el encabezado no tiene imagen de fondo: usa su color de fondo.

Descripciones

Large agrega una descripción breve debajo de tu título. Escríbela aquí… y haz clic en OK.

La descripción aparece debajo de River Daily. Procura que sea breve.

Para darle a cada sección su propio título y descripción, elige «Section title & description»… y ahora Local muestra su nombre y su descripción.

Global también muestra los suyos.

Home, la primera sección, conserva el título y la descripción del encabezado.

La descripción de cada sección se escribe en sus ajustes. En Structure, abre el menú junto a la sección… elige Settings, y el texto va en Description.

Desplazamiento

De vuelta en Header, el efecto de desplazamiento ahora es Resize.

Al bajar por la página, el encabezado se encoge y devuelve el espacio al contenido… y vuelve a crecer al llegar arriba.

Con Hiding… el encabezado desaparece mientras la página se desplaza.

Sección por sección

Una sección también puede tener su propia altura. En Structure, abre Global… abre Header y elige «Modify the header of this section».

Elige Small… y Global pasa a un encabezado discreto.

Las demás secciones, como Local, mantienen el encabezado grande.

Las páginas de artículo siempre usan el encabezado pequeño, igual que algunas secciones como Settings.

Para que Global vuelva al encabezado general, haz clic en el engranaje… luego en «Go back to default header» y confirma.

Publicar

Para que tus usuarios vean los cambios, publica la actualización de tu app desde el menú Publish.