{"id":883,"date":"2022-08-11T14:22:56","date_gmt":"2022-08-11T14:22:56","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/11\/6463669-hostinger-website-builder-how-to-organize-and-layer-website-elements\/"},"modified":"2025-08-28T11:16:56","modified_gmt":"2025-08-28T11:16:56","slug":"6463669-hostinger-website-builder-how-to-organize-and-layer-website-elements","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6463669-hostinger-website-builder-how-to-organize-and-layer-website-elements\/","title":{"rendered":"Hostinger Website Builder: How to Organize and Layer Website Elements"},"content":{"rendered":"<p class=\"no-margin\">Using <b><a class=\"intercom-content-link\" href=\"https:\/\/www.hostinger.com\/website-builder\" target=\"_blank\" rel=\"noopener\">Hostinger Website Builder<\/a><\/b>, it&rsquo;s easy to place elements wherever you want them &ndash; just drag and drop them to the preferred place on your website page.<\/p><p class=\"no-margin\">The elements can also be organized this way:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Cut<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Copy<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Paste<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Duplicate<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Bring to front<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Move forwards<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Send to back<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Send backwards<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Delete<\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\"><b>Right-click<\/b> on any website element to reveal a secondary menu:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/4153f1f6-dfb4-47f8-b538-765c49d64170.jpg\" alt=\"A secondary actions meniu visible on the right-click in Hostinger Website Builder\"><\/div><p class=\"no-margin\">You may also <b>select multiple elements <\/b>and move all of them at once:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/08\/multipleelement.gif\" alt=\"Multi-select feature in Hostinger Website Builder\"><\/div><p class=\"no-margin\">This way, you can also move elements between sections (except for the slideshow, blog, and product sections).<\/p><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">To <b><a class=\"intercom-content-link\" href=\"https:\/\/support.apple.com\/guide\/mac-help\/right-click-mh35853\/mac\" target=\"_blank\" rel=\"noopener\">right-click on Mac<\/a><\/b>, click and hold on the <b>Control <\/b>button and then click on the touchpad<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6491230-website-builder-how-to-resize-elements-and-sections\" target=\"_blank\" rel=\"noopener\">resize elements and sections<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">If you <b>delete<\/b> an element or a section on the desktop view, it&rsquo;s also automatically removed from the mobile view and vice versa<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to send a website element to the back or to the front of your section layers<\/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":[280],"tags":[],"class_list":["post-883","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463669-hostinger-website-builder-how-to-organize-and-layer-website-elements\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463669-hostinger-creador-de-sitios-web-como-organizar-y-colocar-en-capas-los-elementos-de-la-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463669-hostinger-createur-de-sites-web-comment-organiser-et-superposer-les-elements-d-un-site-web\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463669-hostinger-svetainiu-kurimo-irankis-veiksmai-su-svetainiu-elementais\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463669-hostinger-criador-de-sites-como-organizar-e-sobrepor-em-camadas-os-elementos-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/883","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=883"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/883\/revisions"}],"predecessor-version":[{"id":5573,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/883\/revisions\/5573"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}