{"id":818,"date":"2022-08-29T13:25:13","date_gmt":"2022-08-29T13:25:13","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/29\/6511583-hostinger-website-builder-how-to-add-a-sticky-bar\/"},"modified":"2025-08-27T06:56:35","modified_gmt":"2025-08-27T06:56:35","slug":"6511583-hostinger-website-builder-how-to-add-a-sticky-bar","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6511583-hostinger-website-builder-how-to-add-a-sticky-bar\/","title":{"rendered":"Hostinger Website Builder: How to Add a Sticky Bar"},"content":{"rendered":"<p class=\"no-margin\">While using <b><a href=\"https:\/\/www.hostinger.com\/website-builder\" target=\"_blank\" class=\"intercom-content-link\">Hostinger Website Builder<\/a><\/b>, you can easily add a static banner above the website&rsquo;s navigation menu.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Within the builder, click on <b>Add sticky bar <\/b>at the top of the header section:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/3249d88c-f425-4b58-8bd4-7a7979d65671.jpg\" alt=\"The \"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Then, insert the preferred text:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/1a715eb4-d8a0-4079-80ed-d603ff55376b.jpg\" alt=\"Inserting text for a sticky banner in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">To customize the <b>background <\/b>or <b>height<\/b> of the banner section, click on <b>Edit section<\/b> on the left:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/a3cebac2-5035-4df3-9eec-4515806e6edf.jpg\" alt=\"Sticky banner settings in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Here, you can change the following:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Background settings<\/b>: set a background color or image for the section<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Layout settings<\/b>: change the section height<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Adding a banner to a website created with 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":[284],"tags":[],"class_list":["post-818","post","type-post","status-publish","format-standard","hentry","category-integrations"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6511583-hostinger-website-builder-how-to-add-a-sticky-bar\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6511583-hostinger-creador-de-sitios-web-como-anadir-un-banner\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6511583-hostinger-createur-de-site-web-comment-ajouter-une-banniere\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6511583-hostinger-website-builder-cara-menambahkan-banner\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6511583-hostinger-svetainiu-kurimo-irankis-kaip-prideti-reklamjuoste\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6511583-hostinger-criador-de-sites-como-adicionar-um-banner\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/818","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=818"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"predecessor-version":[{"id":3381,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/818\/revisions\/3381"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}