{"id":842,"date":"2022-08-22T07:06:09","date_gmt":"2022-08-22T07:06:09","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/22\/6491230-hostinger-website-builder-how-to-resize-elements-and-sections\/"},"modified":"2026-03-16T12:12:06","modified_gmt":"2026-03-16T12:12:06","slug":"6491230-hostinger-website-builder-how-to-resize-elements-and-sections","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6491230-hostinger-website-builder-how-to-resize-elements-and-sections\/","title":{"rendered":"Hostinger Website Builder: How to Resize Elements and Sections"},"content":{"rendered":"<p class=\"no-margin\">Follow the below instructions to resize elements in sections in <b>Hostinger Website Builder <\/b>&#128071;<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_04ed0931b9\">Resizing Elements<\/h2><p class=\"no-margin\">To resize an element, drag it by the borders or the handles on the image corners:<\/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\/6be6508f-86f3-493f-86f5-ca775781dc39.jpg\" alt=\"Resizing images in Hostinger Website Builder\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Some elements, e.g., <b><a href=\"\/support\/6474611-website-builder-social-media-icons\" target=\"_blank\" class=\"intercom-content-link\">social media icons<\/a> <\/b>or <b><a href=\"\/support\/6435964-website-builder-how-to-add-buttons\" target=\"_blank\" class=\"intercom-content-link\">button elements<\/a>,<\/b> have additional size settings: click on the element, select <b>Edit<\/b>,<b> <\/b>and explore the <b>Style<\/b> settings tab,<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_22169107b1\">Resizing Sections<\/h2><p class=\"no-margin\">To resize a section, look for a blue handle on the bottom border of a section and drag it up or down:<\/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\/e9eaa9a6-e8af-40a6-aa54-bcc593ab061f.jpg\" alt=\"Resizing sections in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">To resize a <b><a href=\"\/support\/6491379-website-builder-blog-settings#h_59185c1df4\" target=\"_blank\" class=\"intercom-content-link\">blog section<\/a><\/b> or a <b><a href=\"\/support\/6538352-website-builder-product-sections\" target=\"_blank\" class=\"intercom-content-link\">product section<\/a><\/b>, open its <b>layout settings<\/b> and change the <b>top\/bottom padding<\/b>.<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_9a79cc43b1\">Resizing the Website&rsquo;s Menu Section<\/h2><p class=\"no-margin\">To resize the website&rsquo;s menu section, open the <b><a href=\"\/support\/6463972-website-builder-how-to-customize-the-style-of-the-navigation-menu#h_e859434a5d\" target=\"_blank\" class=\"intercom-content-link\">header layout settings<\/a><\/b> and change the <b>top\/bottom<\/b> <b>padding<\/b>:<\/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\/c2fac785-00ca-4673-960b-b1034ea95b7b.jpg\" alt=\"Resizing the header section in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">To change the text size, open the <b>global style settings<\/b> and change the <b><a href=\"\/support\/6463286-website-builder-how-to-change-text-style\" target=\"_blank\" class=\"intercom-content-link\">navigation text size<\/a><\/b> <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">To resize the logo, change the <b><a href=\"\/support\/6435805-website-builder-how-to-add-or-change-the-logo\" target=\"_blank\" class=\"intercom-content-link\">logo width<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to resize elements and sections 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-842","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6491230-hostinger-website-builder-how-to-resize-elements-and-sections\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6491230-hostinger-creador-de-sitios-web-como-cambiar-el-tamano-de-elementos-y-secciones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6491230-hostinger-createur-de-sites-web-comment-redimensionner-les-elements-et-les-sections\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6491230-hostinger-svetainiu-kurimo-irankis-kaip-keisti-elementu-ir-skilciu-dydi\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6491230-hostinger-criador-de-sites-como-mudar-o-tamanho-dos-elementos-e-secoes\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/842","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=842"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/842\/revisions"}],"predecessor-version":[{"id":3466,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/842\/revisions\/3466"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}