{"id":930,"date":"2022-08-02T10:48:01","date_gmt":"2022-08-02T10:48:01","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/02\/6435805-hostinger-website-builder-how-to-add-or-change-the-logo\/"},"modified":"2026-03-19T11:43:54","modified_gmt":"2026-03-19T11:43:54","slug":"6435805-hostinger-website-builder-how-to-add-or-change-the-logo","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6435805-hostinger-website-builder-how-to-add-or-change-the-logo\/","title":{"rendered":"Hostinger Website Builder: How to Add, Change, reposition or replace the Logo"},"content":{"rendered":"<p class=\"no-margin\">A good logo serves as a visual anchor for a brand, instantly conveying its identity and values to consumers. It is a vital tool for building brand recognition, trust, and loyalty, making it easier for businesses to stand out in a crowded marketplace and establish a lasting connection with their target audience.<\/p><p class=\"no-margin\">If you don&rsquo;t have a logo yet, you can easily create one using our <b><a class=\"intercom-content-link\" href=\"https:\/\/logo.hostinger.com\/\" target=\"_blank\" rel=\"noopener\">AI Logo Maker<\/a><\/b>.<\/p><h2 id=\"h-adding-or-replacing-a-logo\">Adding or replacing a logo<\/h2><p class=\"no-margin\">To add or replace the logo on a website created with <b>Hostinger Website Builder<\/b>, follow these steps &#128071;<\/p><p class=\"no-margin\">1. Within the builder, click on the <b>header <\/b>section and select <b>Edit header<\/b><\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/fe58dc33-8cbd-46da-8f5e-9d1c01710e13.jpg\" alt=\"Header section settings in Hostinger Website Builder\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">The logo is visible in the website&rsquo;s navigation menu, also called the header section, which is the topmost section of your website. If you can&rsquo;t see the header section, it&rsquo;s likely that all your website pages are<b> <a class=\"intercom-content-link\" href=\"\/support\/6456821-website-builder-hiding-a-page-from-the-menu-bar\" target=\"_blank\" rel=\"noopener\">hidden from the navigation menu<\/a><\/b>.<\/p>\n<\/div><p class=\"no-margin\">2. Open the <b>Logo <\/b>tab and click on <b>Replace image:<\/b><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8648\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/replacelogo.png\" alt=\"Logo settings in Hostinger Website Builder\" width=\"300\" height=\"379\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/replacelogo.png 816w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/replacelogo-237x300.png 237w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/replacelogo-810x1024.png 810w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/replacelogo-768x971.png 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p><p class=\"no-margin\">&nbsp;If the logo is disabled, go to&nbsp;<strong>Elements<\/strong> and click on <b>Show logo<\/b>:<\/p><div class=\"intercom-container intercom-align-center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8649\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/showlogo.png\" alt=\"\" width=\"300\" height=\"266\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/showlogo.png 798w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/showlogo-300x266.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/showlogo-768x681.png 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/div><p class=\"no-margin\">3. Select an image from the media library, browse free images, or upload your own:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/e387770b-86f3-4fe2-8721-5db08b063ff2.jpg\" alt=\"The Media library in Hostinger Website Builder\"><\/div><h2 id=\"h-repositioning-a-logo\">Repositioning a logo<\/h2><p>To edit the position of a logo in the header, you need to select <strong>Edit header<\/strong>:<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8573 size-large\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-1024x127.png\" alt=\"\" width=\"1024\" height=\"127\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-1024x127.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-300x37.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-768x96.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-1536x191.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/builder-header-2048x255.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p><p>Then, edit the logo position, as show here:<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8596\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position-1018x1024.png\" alt=\"\" width=\"500\" height=\"503\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position-1018x1024.png 1018w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position-298x300.png 298w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position-150x150.png 150w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position-768x773.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-position.png 1316w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p><h2 id=\"h-resizing-a-logo\">Resizing a logo<\/h2><p class=\"no-margin\">To resize the logo on a website created with <b>Hostinger Website Builder<\/b>, follow these steps &#128071;<\/p><p class=\"no-margin\">1. Within the builder, click on the <b>header <\/b>section and select <b>Edit header<\/b><\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/fe58dc33-8cbd-46da-8f5e-9d1c01710e13.jpg\" alt=\"Header section settings in Hostinger Website Builder\"><\/div><p>2. Then, resize the logo by dragging the Logo width as below:<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8695\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-size.png\" alt=\"\" width=\"300\" height=\"390\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-size.png 786w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-size-231x300.png 231w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/logo-size-768x999.png 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p><p>&nbsp;<\/p><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">The recommended logo file format is <b>.PNG<\/b>, or <b>.SVG<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">If you run an online store, you may also upload the logo in the <b>Store settings<\/b> &rarr; <b><a class=\"intercom-content-link\" href=\"\/support\/6883885-website-builder-how-to-edit-company-information-in-the-online-store\" target=\"_blank\" rel=\"noopener\">Company information<\/a> <\/b>&ndash; this way, the logo will be automatically displayed on invoices<\/p>\n<\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Currently, you are unable to edit and style the logo image inside Hostinger Website Builder. It&rsquo;s recommended to use an external image editing tool to generate the logo following the file format and add it to your editor &#128161;<\/p>\n<\/div><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add or change the logo using Hostinger Website Builder<\/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-930","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435805-hostinger-website-builder-how-to-add-or-change-the-logo\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435805-hostinger-creador-de-sitios-web-como-agregar-o-cambiar-el-logo\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435805-hostinger-createur-de-sites-web-comment-ajouter-ou-modifier-le-logo\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435805-hostinger-website-builder-cara-menambahkan-atau-mengubah-logo\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435805-hostinger-svetainiu-kurimo-irankis-kaip-prideti-logotipa\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435805-hostinger-criador-de-sites-como-adicionar-ou-mudar-um-logo\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/930","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=930"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/930\/revisions"}],"predecessor-version":[{"id":8842,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/930\/revisions\/8842"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}