Um cabeçalho fixo permanece no topo da tela enquanto os visitantes rolam a página. Isso mantém seu menu de navegação visível o tempo todo, facilitando a movimentação dos usuários pelo site sem precisar rolar de volta para o topo.
Etapa 1: Adicionar uma Seção de Cabeçalho
Abra a página ou modelo que você deseja editar no construtor SeedProd. Adicione uma seção que conterá os elementos do seu cabeçalho — seu logotipo, menu de navegação ou qualquer outro conteúdo do cabeçalho.
Etapa 2: Abrir as Configurações da Seção
Clique no ícone de engrenagem na barra de ferramentas roxa da seção para abrir seu painel de configurações. Alternativamente, abra o painel Navegação de Layout e clique na seção de cabeçalho a partir dali.
Etapa 3: Abrir o Painel de Posição
Nas configurações da seção, clique na aba Avançado e depois expanda o painel Posição.
Etapa 4: Configurar a Posição Fixa
No menu suspenso Posição, selecione Fixo. Em seguida, configure os seguintes valores para garantir que o cabeçalho permaneça fixado no topo, acima de todos os outros elementos da página:
- Offset Superior: Defina como
0para que o cabeçalho fique alinhado com a parte superior da viewport. - Z-Index: Defina um valor alto, como
9999, para garantir que o cabeçalho apareça acima de todos os outros elementos na página.
Etapa 5: Salvar e Visualizar
Clique em Salvar para aplicar suas alterações e, em seguida, visualize a página. Role para cima e para baixo para confirmar que o cabeçalho permanece fixo no topo da tela.
Seu cabeçalho fixo agora está no ar. Os visitantes sempre terão sua navegação ao alcance enquanto rolam qualquer página do seu site — não importa o quão longo seja o conteúdo.