Como faço para que o cabeçalho do meu site diminua quando os visitantes rolam a página?

Quer melhorar a experiência de navegação no seu site do Website Builder? Experimente adicionar um efeito de redução ao cabeçalho. Quando aplicado, o efeito de redução fixará o cabeçalho na parte superior da página e o reduzirá à medida que os visitantes rolam a página. Quando eles retornarem ao topo da página, o cabeçalho voltará ao seu tamanho normal. 

Esta é uma funcionalidade inteligente a aplicar se quiser garantir que os seus visitantes possam ver o máximo possível do seu website enquanto navegam, sem os afastar de elementos importantes, como o menu, no cabeçalho.


Passo 1 - Vá para as configurações do cabeçalho no editor do Website Builder

  1. Acesse o editor do Website Builder e clique no cabeçalho, na parte superior da página.
  2. Clique na guia Editar cabeçalho que aparece.
Captura de tela do editor do Website Builder. A seção do cabeçalho está destacada e uma seta vermelha aponta para a guia "Editar cabeçalho".

Passo 2 - Ativar o efeito de encolhimento

  1. Agora você verá dois menus para o cabeçalho: um painel de propriedades e um menu flutuante. Encontre o último e selecione Efeito de redução na parte inferior dele.
  2. Deslize o botão do efeito Encolher para ativar o efeito.
Captura de tela do editor do Website Builder. O menu flutuante está aberto e uma seta vermelha aponta para a opção "Efeito de redução" emoldurada.

Passo 3 - Ajuste o efeito de encolhimento

Arraste o marcador na barra em qualquer direção para definir o quanto seu logotipo deve encolher à medida que os visitantes rolam a página para baixo. A porcentagem mínima de encolhimento é 10% e a máxima é 50%.

Captura de tela do menu aberto do efeito Reduzir. Uma seta vermelha aponta para a configuração onde você pode decidir o quanto o logotipo deve ser reduzido.

Passo 4 - Visualizar, salvar e publicar

Verifique sua visualização para ver o efeito em ação. Quando estiver satisfeito, você pode salvar e publicar a alteração em seu site ativo.

GIF mostrando o efeito de encolhimento do cabeçalho em ação.

Artigos Relacionados:

Este artigo foi útil?

Não tá conseguindo achar o que procura?

Iniciar uma conversa

É o jeito mais rápido de entrar em contato, todos os dias do ano.