---
title: "Como escolher o tamanho do seu cabeçalho | App de Loja Online - Tutoriais - GoodBarber"
description: "Hoje vamos descobrir juntos um novo recurso de design que permitirá a você personalizar ainda mais um elemento-chave do seu aplicativo: o cabeçalho.\r \r Você pode escolher en…"
canonical_url: "https://pt.goodbarber.com/tutorials/shop/design/como-escolher-o-tamanho-do-seu-cabecalho/"
lang: pt
---

# Como escolher o tamanho do seu cabeçalho | App de Loja Online - Tutoriais - GoodBarber

[Voltar](https://pt.goodbarber.com/tutorials/shop/)

# Como escolher o tamanho do seu cabeçalho

Hoje vamos descobrir juntos um novo recurso de design que permitirá a você personalizar ainda mais um elemento-chave do seu aplicativo: o cabeçalho.

Você pode escolher entre três alturas de cabeçalho diferentes e outras opções. Para descobrir esta opção vá ao menu Conteúdo e Design > Design > Design Geral e clique no submenu Logo e Título.
É aqui que você pode escolher o tamanho padrão do seu cabeçalho.
Na versão pequena, você pode exibir o título de seu aplicativo ou seu logo.
A versão média exibe o mesmo elemento, mas com uma altura maior.
Finalmente, a versão grande permite que você adicione uma breve descrição ao seu cabeçalho, além do título do seu aplicativo ou logotipo.

Você pode então escolher o efeito aplicado ao seu cabeçalho ao rolar:
sem efeito, desaparecimento ou redimensionando.

O cabeçalho tem vários propósitos: exibir a identidade de seu aplicativo, dar um título à seção, exibir atalhos ou navegar no aplicativo.
Esta é uma parte muito importante do seu aplicativo, então vá em frente e torne-o perfeito para você!

## Vídeos semelhantes

[DesignComo configurar seu menu de navegação](/tutorials/shop/design/como-configurar-seu-menu-de-navegacao/)

![Como configurar seu menu de navegação](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignComo personalizar os ícones do menu](/tutorials/shop/design/como-personalizar-os-icones-do-menu/)

![Como personalizar os ícones do menu](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignComo configurar a página inicial (Home) do seu aplicativo](/tutorials/shop/design/como-configurar-a-pagina-inicial-do-seu-aplicativo/)

![Como configurar a página inicial (Home) do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignComo personalizar sua tela de lançamento](/tutorials/shop/design/como-personalizar-sua-tela-de-lancamento/)

![Como personalizar sua tela de lançamento](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignComo configurar o cabeçalho da sua loja](/tutorials/shop/design/como-configurar-o-cabecalho-da-sua-loja/)

![Como configurar o cabeçalho da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignComo configurar o estilo global da sua loja](/tutorials/shop/design/como-configurar-o-estilo-global-da-sua-loja/)

![Como configurar o estilo global da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignComo personalizar os principais ícones da sua loja](/tutorials/shop/design/como-personalizar-os-principais-icones-da-sua-loja/)

![Como personalizar os principais ícones da sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignComo criar o design das seções de sua loja](/tutorials/shop/design/como-criar-o-design-das-secoes-de-sua-loja/)

![Como criar o design das seções de sua loja](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignComo desengatar o design de uma seção](/tutorials/shop/design/como-separar-o-design-de-uma-secao/)

![Como desengatar o design de uma seção](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)