{"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":"2026-10-29T14:48:31","modified_gmt":"2026-10-29T14:48:31","slug":"6511583-hostinger-ai-builder-manual-mode-how-to-add-a-sticky-bar","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6511583-hostinger-ai-builder-manual-mode-how-to-add-a-sticky-bar\/","title":{"rendered":"Hostinger AI Builder: How to add a sticky bar in manual mode"},"content":{"rendered":"<p>Add a sticky bar above your website&rsquo;s navigation menu in <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder\" href=\"\/ai-builder\">Hostinger AI Builder<\/a> manual mode to display a static banner.<\/p><h2 id=\"h-add-a-sticky-bar\">Add a sticky bar<\/h2><p class=\"no-margin\">Within the <a data-click-id=\"hgr-post-content-link-builder\" href=\"\/support\/6611782-how-to-use-hostinger-ai-builder-manual-mode\/\">builder<\/a>, click on <b>Add sticky bar <\/b>at the top of the header section:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2022\/08\/3249d88c-f425-4b58-8bd4-7a7979d65671.jpg\/public\" alt=\"Hostinger Website Builder button to add sticky bar highlighted at top\" data-media-id=\"3374\"><\/div><p class=\"no-margin\">Then, insert the preferred text:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2022\/08\/1a715eb4-d8a0-4079-80ed-d603ff55376b.jpg\/public\" alt=\"Sticky bar text field with placeholder &ldquo;Add your promotional text...&rdquo;\" data-media-id=\"3376\"><\/div><h2 id=\"h-customize-the-sticky-bar\">Customize the sticky bar<\/h2><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><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2022\/08\/a3cebac2-5035-4df3-9eec-4515806e6edf.jpg\/public\" alt=\"Hostinger Website Builder section edit button highlighted next to a sticky bar banner\" data-media-id=\"3378\"><\/div><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><p>Your sticky bar now displays above your navigation menu with your chosen text and styling.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add a sticky bar above your website&#8217;s navigation menu in Hostinger AI Builder manual mode.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_content_updated_date":"","include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-818","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6511583-hostinger-ai-builder-manual-mode-how-to-add-a-sticky-bar","default":1}],"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":7,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"predecessor-version":[{"id":22789,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/818\/revisions\/22789"}],"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}]}}