Como escolher o tamanho do seu cabeçalho ?

Tamanho do cabeçalho

A altura do cabeçalho define quanto espaço sua marca ocupa no topo da tela: discreto para dar lugar ao seu conteúdo, ou mais alto para destacar seu título e um texto curto.

No menu "My App", abra Structure e clique em Header.

Três alturas

"Header height" oferece três tamanhos: Small, Medium e Large. O River Daily usa o Small.

Escolha Medium… e o cabeçalho cresce, com mais espaço ao redor do seu título.

Escolha Large… e ele ocupa cerca de um terço da tela, uma abertura com a marca do seu app.

Mudar para Large também define a opção de exibição do título como "Logo only"… e o efeito de rolagem como Resize.

E com Medium e Large, o cabeçalho não tem imagem de fundo: ele usa a própria cor de fundo.

Descrições

O Large adiciona uma descrição curta abaixo do seu título. Digite aqui… e clique em OK.

A descrição aparece abaixo do River Daily. Prefira um texto curto.

Para que cada seção tenha título e descrição próprios, escolha "Section title & description"… e agora Local mostra seu nome e sua descrição.

Global também mostra nome e descrição próprios.

Home, a primeira seção, mantém o título e a descrição do cabeçalho.

Você escreve a descrição de cada seção nas configurações dela. Abra o menu ao lado da seção em Structure… escolha Settings, e o texto vai no campo Description.

Rolagem

De volta ao Header, o efeito de rolagem agora está em Resize.

Conforme os usuários rolam a página, o cabeçalho encolhe e devolve o espaço ao conteúdo… e volta a crescer no topo.

Com Hiding… o cabeçalho desaparece com a rolagem.

Seção por seção

Uma seção também pode ter altura própria. Em Structure, abra Global… abra Header e escolha "Modify the header of this section".

Escolha Small… e Global ganha um cabeçalho discreto.

As outras seções, como Local, mantêm o cabeçalho grande.

As páginas de artigo sempre usam o cabeçalho pequeno, e algumas seções fazem o mesmo, como Settings.

Para que Global volte ao cabeçalho geral, clique na engrenagem… depois em "Go back to default header" e confirme.

Publicar

Para que seus usuários vejam as mudanças, publique a atualização do seu app pelo menu Publish.