---
title: "Comment choisir la taille de son header ? | Tutoriels - GoodBarber"
description: "Aujourd'hui nous allons découvrir ensemble une nouvelle fonctionnalité de design qui vous permettra de personnaliser encore plus un élément clé de votre applica…"
canonical_url: "https://fr.goodbarber.com/tutorials/design/comment-choisir-la-taille-de-son-header/"
lang: fr
---

# Comment choisir la taille de son header ? | Tutoriels - GoodBarber

[Retour](https://fr.goodbarber.com/tutorials/)

# Comment choisir la taille de son header ?

Aujourd'hui nous allons découvrir ensemble une nouvelle fonctionnalité de design qui vous permettra de personnaliser encore plus un élément clé de votre application : le header.

Vous pouvez choisir entre trois hauteurs de header différentes et d'autres options. Pour découvrir cette option, allez dans le menu Content & Design > Design> General Design et cliquez sur le sous-menu Logo et titre.
C'est ici que vous pouvez choisir la taille par défaut de votre header.
Dans la petite version, vous pouvez afficher le titre de votre application ou votre logo.
La version moyenne affiche le même élément mais avec une plus grande hauteur.
Enfin, la version large vous permet d'ajouter une courte description à votre header en plus du titre de votre application ou de votre logo.

Vous pouvez ensuite choisir l'effet appliqué à votre header lors du défilement :
aucun effet , disparition ou resizing.

Le header a de multiples fonctions : afficher l'identité de votre application, donner un titre à la section, afficher des raccourcis ou naviguer dans l'application.
Il s'agit d'une partie très importante de votre application, alors allez-y et rendez-la parfaite pour vous !

## Vidéos similaires

[DesignComment configurer votre bannière de titre ?](/tutorials/design/comment-configurer-votre-banniere-de-titre/)

![Comment configurer votre bannière de titre ?](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignComment configurer le style global de votre app ?](/tutorials/design/comment-configurer-le-style-global-de-votre-app/)

![Comment configurer le style global de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignComment personnaliser l'écran de lancement de votre app ?](/tutorials/design/comment-personnaliser-lecran-de-lancement-de-votre-app/)

![Comment personnaliser l'écran de lancement de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignComment choisir le mode de navigation de votre app ?](/tutorials/design/comment-choisir-le-mode-de-navigation-de-votre-app/)

![Comment choisir le mode de navigation de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignComment personnaliser les icônes du menu de votre app ?](/tutorials/design/comment-personnaliser-les-icones-du-menu-de-votre-app/)

![Comment personnaliser les icônes du menu de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignComment réaliser le design de vos sections ?](/tutorials/design/comment-realiser-le-design-de-vos-sections/)

![Comment réaliser le design de vos sections ?](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignComment copier le design d'une section ?](/tutorials/design/comment-copier-le-design-dune-section/)

![Comment copier le design d'une section ?](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignComment créer l'écran d'accueil de votre app ?](/tutorials/design/comment-creer-votre-page-daccueil/)

![Comment créer l'écran d'accueil de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignComment personnaliser l'arrière plan de votre application](/tutorials/design/comment-personnaliser-larriere-plan-de-votre-application/)

![Comment personnaliser l'arrière plan de votre application](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)