---
title: "Cómo elegir el tamaño de tu encabezado | App de tienda online - Tutoriales - GoodBarber"
description: "Hoy vamos a descubrir juntos una nueva característica de diseño que te permitirá personalizar aún más un elemento clave de tu aplicación: el encabezado.\r \r P…"
canonical_url: "https://es.goodbarber.com/tutorials/shop/diseno/como-elegir-el-tamano-de-tu-encabezado/"
lang: es
---

# Cómo elegir el tamaño de tu encabezado | App de tienda online - Tutoriales - GoodBarber

[Atrás](https://es.goodbarber.com/tutorials/shop/)

# Cómo elegir el tamaño de tu encabezado

Hoy vamos a descubrir juntos una nueva característica de diseño que te permitirá personalizar aún más un elemento clave de tu aplicación: el encabezado.

Puede elegir entre tres alturas de encabezado diferentes y otras opciones. Para descubrir esta opción, ve al menú Contenido y diseño> Diseño> Diseño general y haz clic en el submenú Logo y título.

Aquí es donde puede elegir el tamaño predeterminado de tu encabezado.

En la versión pequeña, puedes mostrar el título de tu aplicación o tu logotipo.

La versión mediana muestra el mismo elemento pero con mayor altura.

Finalmente, la versión grande te permite agregar una breve descripción a tu encabezado además del título de tu aplicación o tu logotipo.

Luego puedes elegir el efecto aplicado a tu encabezado cuando se desplaza:

sin efecto, desapareciendo o cambiando de tamaño.

El encabezado tiene múltiples propósitos: mostrar la identidad de tu aplicación, dar un título a la sección, mostrar accesos directos o navegar en la aplicación.

Esta es una parte muy importante de tu aplicación, ¡así que hazla perfecta para ti!

## Vídeos similares

[DiseñoCómo configurar tu menú de navegación](/tutorials/shop/diseno/como-configurar-tu-menu-de-navegacion/)

![Cómo configurar tu menú de navegación](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DiseñoCómo personalizar los iconos del menú](/tutorials/shop/diseno/como-personalizar-los-iconos-del-menu/)

![Cómo personalizar los iconos del menú](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DiseñoCómo configurar la página de inicio de tu aplicación](/tutorials/shop/diseno/como-configurar-la-pagina-de-inicio-de-tu-aplicacion/)

![Cómo configurar la página de inicio de tu aplicación](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DiseñoCómo personalizar tu pantalla de bienvenida](/tutorials/shop/diseno/como-personalizar-tu-pantalla-de-bienvenida/)

![Cómo personalizar tu pantalla de bienvenida](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DiseñoCómo configurar el encabezado de tu tienda](/tutorials/shop/diseno/como-configurar-el-encabezado-de-tu-tienda/)

![Cómo configurar el encabezado de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DiseñoCómo configurar el estilo global de tu tienda](/tutorials/shop/diseno/como-configurar-el-estilo-global-de-tu-tienda/)

![Cómo configurar el estilo global de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DiseñoCómo personalizar los iconos principales de tu tienda](/tutorials/shop/diseno/como-personalizar-los-iconos-principales-de-tu-tienda/)

![Cómo personalizar los iconos principales de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DiseñoCómo diseñar las secciones de tu tienda](/tutorials/shop/diseno/como-disenar-las-secciones-de-tu-tienda/)

![Cómo diseñar las secciones de tu tienda](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DiseñoCómo desenganchar el diseño de una sección](/tutorials/shop/diseno/como-desenganchar-el-diseno-de-una-seccion/)

![Cómo desenganchar el diseño de una sección](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)