---
title: "Comment choisir la taille de son header ? | App eCommerce - 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/shop/design/comment-choisir-la-taille-de-son-header/"
lang: fr
---

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

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

# 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 My app > 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 le menu de navigation de votre app ?](/tutorials/shop/design/comment-configurer-votre-menu-de-navigation/)

![Comment configurer le menu de navigation de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

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

![Comment personnaliser les icônes de votre menu ?](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignComment créer la home page de votre app ?](/tutorials/shop/design/comment-creer-la-home-page-de-votre-app/)

![Comment créer la home page de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

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

![Comment configurer l'écran de lancement de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

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

![Comment configurer la bannière de titre de votre boutique ?](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignComment configurer le design global de votre app de vente en ligne ?](/tutorials/shop/design/comment-configurer-le-design-global-de-votre-boutique/)

![Comment configurer le design global de votre app de vente en ligne ?](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

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

![Comment personnaliser les icônes principales de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignComment réaliser le design des sections de votre boutique ?](/tutorials/shop/design/comment-realiser-le-design-des-sections-de-votre-boutique/)

![Comment réaliser le design des sections de votre boutique ?](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignComment 'détacher' le design d'une section ?](/tutorials/shop/design/comment-detacher-le-design-dune-section/)

![Comment 'détacher' le design d'une section ?](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)