Guia rápido e pratico de como editar o cabeçalho dos sites no editor Mobsite.

Nível Básico

Dê um upgrade no cabeçalho do seu site com nosso tutorial "Dominando o Cabeçalho do Seu Site"! Neste guia prático, exploramos passo a passo como personalizar o topo do seu site, adicionando desde logos e menus de navegação até ícones de redes sociais e botões de ação. Aprenda a utilizar widgets de forma criativa, escolher o design perfeito, e ajustar o cabeçalho para garantir uma aparência profissional em todas as páginas. Ideal tanto para iniciantes quanto para usuários avançados, este tutorial é a chave para transformar o cabeçalho do seu site em um elemento atrativo e funcional.


Transcrição do Tutorial

um ícone de um pedaço de papel com uma caneta.

Neste vídeo, vou mostrar como criar e editar o cabeçalho do seu site. O cabeçalho é a parte superior do site, e tudo que adicionar a ele aparecerá em todas as páginas, tornando-o perfeito para a navegação do site. Ele possui uma linha e colunas para adicionar widgets, onde você pode colocar logo, nome da empresa, menu de navegação, ícones de redes sociais ou até um botão de ação.


Cada widget oferece várias opções de personalização. Para editar o cabeçalho de forma geral, passe o mouse sobre a área e clique na etiqueta de cabeçalho. Clique em design para escolher um template e ajustar cores de fundo e espaçamento. Uma boa dica é fazer o cabeçalho sobrepor a primeira linha da página. Essa opção pode ser desativada se preferir separar o cabeçalho do conteúdo do site.


Outra possibilidade é criar um cabeçalho retrátil, que diminui conforme a rolagem da página. É possível definir um tamanho de logo e cor de fundo diferentes para quando ele retrair. Desativar essa função mantém o cabeçalho fixo durante a navegação. Para manter o cabeçalho sempre visível, ajuste-o como fixo.


Certifique-se de verificar a aparência do cabeçalho em tablets e celulares. Você pode ocultá-lo em dispositivos específicos pelo menu de edição do cabeçalho. Também é possível alterar o layout do cabeçalho para diferentes tipos de dispositivos na seção de design, escolhendo o layout mais adequado para cada tipo de tela.

Retorne ao Tutorial Anterior

Clique aqui para retornar ao tutorial anterior e reforçar seus conhecimentos sobre o Editor Mobsite!

Avance para o Próximo Tutorial

Avance para o próximo tutorial e continue sua jornada de aprendizado para dominar o Editor Mobsite!

Confira Nossos Tutoriais Mais Recentes