{"id":882,"date":"2022-08-11T16:14:35","date_gmt":"2022-08-11T16:14:35","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/11\/6463972-hostinger-website-builder-how-to-edit-the-header-section\/"},"modified":"2026-03-20T11:34:42","modified_gmt":"2026-03-20T11:34:42","slug":"6463972-hostinger-website-builder-how-to-edit-the-header-section","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6463972-hostinger-website-builder-how-to-edit-the-header-section\/","title":{"rendered":"Hostinger Website Builder: How to Edit the Header Section"},"content":{"rendered":"

A header is the uppermost section of your website. It can also be called a menu bar, a navigation menu, or similar.<\/p>

\n

If you can’t see the header section in Hostinger Website Builder<\/b>, all your website pages<\/b> are likely hidden from the navigation menu<\/a><\/b> 💡<\/p>\n<\/div>

Click on the header section to reveal its settings:<\/p>

<\/div>

There are the main options:<\/p>

    \n
  1. \n
      \n
    1. \n

      Edit header<\/a><\/b>(the first button from left to right):<\/b>
      \n​<\/p>\n

      <\/div>\n

      ​<\/p>\n<\/li>\n

    2. \n

      Hide the header<\/a><\/b>(the second button from left to right, the Eye icon):<\/b><\/p>\n

      <\/div>\n

      \n<\/p><\/li>\n

    3. \n

      Edit navigation<\/a> <\/b>(the third button from left to right, the Layers icon):<\/b>
      \n​<\/p>\n

      <\/div>\n

      \n<\/p><\/li>\n

    4. Edit shopping bag<\/a> <\/b>— this option is visible only after enabling the eCommerce platform<\/a><\/b> on your site:\n
      <\/div>\n

      ​<\/p><\/li>\n

    5. \n

      Edit styles<\/a> <\/b> (the fourth or fifth button from left to right, the Colour palette icon. By editing the Header section, you can also edit navigation links and styles, including colours and fonts.):<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>

      \"\"<\/p>

      ​<\/p>

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

      Edit header<\/h2>\n<\/td>\n

      		\n

      Click on Edit header <\/b>to customize the following:<\/p>\n

      \n

      Edit navigation<\/h2>\n<\/td>\n

      		\n

      Click on the header section and then on the Edit navigation <\/b>icon: it’ll expand the Pages<\/a><\/b> panel on the left.<\/p>\n

      Here, you can add, rename, sort, hide, or remove menu items and links.<\/p>\n<\/td>\n<\/tr>\n

      \n

      Edit shopping bag<\/h2>\n<\/td>\n

      		\n

      Click on the header section, and then click on the shopping bag<\/a> <\/b>icon. Here, you can enable or disable the shopping bag, as well as change its title and size.<\/p>\n

      NOTE<\/b>: This option is visible only after enabling the eCommerce platform<\/a><\/b> on your site<\/p>\n<\/td>\n<\/tr>\n

      \n

      Edit styles<\/h2>\n<\/td>\n

      		\n

      Click on the header section, and then click on the Colour palette <\/b>icon. Here, you make style changes to Header, Buttons and Social icons.<\/p>\n

      It’s possible to make changes for Normal and Hover links text colours. You can change the navigation items text font and colours here.<\/p>\n

      You can also pick the colour of the Header background and toggle its transparency.<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>

      And that’s it! Now you know how to define the settings of your website’s header section 😊<\/p>\n","protected":false},"excerpt":{"rendered":"

      Learn about editing your website’s header section<\/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":[281],"tags":[],"class_list":["post-882","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\/support\/wp-json\/wp\/v2\/posts\/882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=882"}],"version-history":[{"count":10,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/882\/revisions"}],"predecessor-version":[{"id":8914,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/882\/revisions\/8914"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}