Comment choisir la taille de son header ?

La taille du header

La hauteur du header définit la place que prend votre marque en haut de l'écran : un header discret laisse de l'espace à votre contenu ; un header plus haut met en valeur votre titre et un texte court.

Dans « My App », ouvrez Structure et cliquez sur Header.

Trois hauteurs

« Header height » propose trois tailles : Small, Medium et Large. River Daily utilise Small.

Choisissez Medium… et le header s'agrandit, avec plus d'espace autour de votre titre.

Choisissez Large… et il prend environ un tiers de l'écran : votre app s'ouvre sur votre marque.

Passer en Large règle aussi l'option d'affichage du titre sur « Logo only »… et l'effet au défilement sur Resize.

Et avec Medium et Large, le header n'a pas d'image de fond : il utilise sa couleur de fond.

Descriptions

Large ajoute une description courte sous votre titre. Saisissez-la ici… puis cliquez sur OK.

La description s'affiche sous River Daily. Privilégiez un texte court.

Pour donner à chaque section son titre et sa description, choisissez « Section title & description »… et Local affiche désormais son nom et sa description.

Global affiche aussi les siens.

Home, la première section, garde le titre et la description du header.

La description de chaque section se rédige dans ses propres réglages. Dans Structure, ouvrez le menu à côté de la section… choisissez Settings, et le texte se saisit dans Description.

Défilement

De retour dans Header, l'effet au défilement est désormais sur Resize.

Quand on fait défiler la page, le header rétrécit et rend la place au contenu… et retrouve sa hauteur en haut de page.

Avec Hiding… le header s'efface quand la page défile.

Section par section

Une section peut aussi avoir sa propre hauteur. Dans Structure, ouvrez Global… ouvrez Header et choisissez « Modify the header of this section ».

Choisissez Small… et Global affiche un header discret.

Les autres sections, comme Local, gardent le grand header.

Les pages article gardent le petit header, comme certaines sections, dont Settings.

Pour rendre à Global le header général, cliquez sur la roue dentée… puis sur « Go back to default header », et confirmez.

Publier

Pour que vos utilisateurs voient ces changements, publiez la mise à jour de votre app depuis le menu Publish.