{"id":1803,"date":"2022-12-16T03:49:04","date_gmt":"2022-12-16T03:49:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/16\/6463972-hostinger-criador-de-sites-como-personalizar-o-menu-de-navegacao\/"},"modified":"2025-08-27T06:11:48","modified_gmt":"2025-08-27T06:11:48","slug":"6463972-hostinger-criador-de-sites-como-personalizar-o-menu-de-navegacao","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6463972-hostinger-criador-de-sites-como-personalizar-o-menu-de-navegacao\/","title":{"rendered":"Hostinger Criador de Sites: Como Personalizar o Menu de Navega\u00e7\u00e3o"},"content":{"rendered":"

O cabeçalho é a seção que fica no topo do seu site. Ele também é chamado de menu superior e de menu de navegação. Se você não consegue ver o menu navegação do seu site, provavelmente ele foi ocultado das páginas<\/a>.<\/p>

\n<\/p>

Para editar e personalizar o menu de navegação, clique no cabeçalho. Uma janela de opções vai aparecer, como mostrado na imagem abaixo:<\/p>

\n<\/p>

<\/div>

Veja como personalizar cada parte do menu de navegação:<\/p>

\n<\/p>

\n\n\n\n\n\n\n\n
\n

Editar navegação<\/b><\/p>\n<\/td>\n

\n

Clique no cabeçalho e selecione Editar navegação<\/b>. A seção Menu do site<\/b><\/a> será aberta na lateral esquerda.<\/p>\n

\n<\/p>

Lá você vai poder adicionar, esconder, deletar, renomear e mudar a ordem dos itens do menu navegação<\/p>\n<\/td>\n<\/tr>\n

\n

Mudar o logotipo<\/b><\/p>\n<\/td>\n

\n

Clique no cabeçalho e selecione Mudar logo<\/a><\/b>.<\/p>\n

\n<\/p>

Lá você vai poder mostrar, esconder e substituir o logotipo. Você também vai poder escolher o tamanho e a posição do logo<\/p>\n<\/td>\n<\/tr>\n

\n

Adicionar e personalizar o botão de carrinho de compras<\/b><\/p>\n<\/td>\n

\n

Clique no cabeçalho e selecione o ícone de sacola.<\/p>\n

\n<\/p>

Lá você vai poder adicionar ou remover o ícone do carrinho de compras<\/a>. Também vai ser possível escolher a cor, o título e o tamanho do ícone<\/p>\n<\/td>\n<\/tr>\n

\n

Editar o estilo (cores e fontes)<\/b><\/p>\n<\/td>\n

\n

Clique no cabeçalho e selecione o ícone de pincel.<\/p>\n

\n<\/p>

Lá você vai poder:<\/p>\n

    \n
  • \n

    Mudar a cor do plano de fundo do menu de navegação<\/p>\n<\/li>\n

  • \n

    Deixar o cabeçalho transparente (assim ele terá o mesmo plano de fundo que a seção que fica abaixo dele)<\/p>\n<\/li>\n

  • \n

    Mudar a fonte do menu<\/p>\n<\/li>\n

  • \n

    Mudar a cor da fonte<\/p>\n<\/li>\n<\/ul>\n

    \n<\/p>

    Para mudar o tamanho da fonte<\/b> do menu de navegação, vá para as configurações gerais de estilos de texto<\/a><\/p>\n<\/td>\n<\/tr>\n

\n

Configurar o layout<\/b><\/p>\n<\/td>\n

\n

Clique no cabeçalho e selecione o ícone de engrenagem.<\/p>\n

\n<\/p>

Lá você vai poder:<\/p>\n

    \n
  • \n

    Deixar o cabeçalho fixo (assim o menu de navegação estará sempre visível, mesmo que o visitante role a página para baixo)<\/p>\n<\/li>\n

  • \n

    Mudar a posição do menu de navegação<\/p>\n<\/li>\n

  • \n

    Escolher o espaçamento entre os itens do menu<\/p>\n<\/li>\n

  • \n

    Mudar a distância entre os itens do menu e as bordas do cabeçalho<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Aprenda a personalizar o menu que fica no cabe\u00e7alho do seu site<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[258],"tags":[],"class_list":["post-1803","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463972-hostinger-website-builder-how-to-edit-the-header-section\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463972-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-menu-de-navegacion\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463972-createur-de-sites-web-comment-personnaliser-le-style-du-menu-de-navigation-chez-hostinger\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463972-hostinger-svetainiu-kurimo-irankis-meniu-juostos-stilius\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463972-hostinger-criador-de-sites-como-personalizar-o-menu-de-navegacao\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1803"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1803\/revisions"}],"predecessor-version":[{"id":3306,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1803\/revisions\/3306"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}