{"id":1772,"date":"2022-12-23T12:16:50","date_gmt":"2022-12-23T12:16:50","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/23\/6475658-hostinger-criador-de-sites-como-editar-a-versao-movel-do-seu-site\/"},"modified":"2025-08-28T12:07:58","modified_gmt":"2025-08-28T12:07:58","slug":"6475658-hostinger-criador-de-sites-como-editar-a-versao-movel-do-seu-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6475658-hostinger-criador-de-sites-como-editar-a-versao-movel-do-seu-site\/","title":{"rendered":"Hostinger Criador de Sites: Como Editar a Vers\u00e3o M\u00f3vel do Seu Site"},"content":{"rendered":"<p class=\"no-margin\">Por padr&atilde;o, a <b>vers&atilde;o do site para celular exibe os elementos na ordem em que foram adicionados &agrave; vers&atilde;o para desktop<\/b>. Mesmo se voc&ecirc;, anteriormente, reordenou os elementos na &aacute;rea de trabalho, essas altera&ccedil;&otilde;es n&atilde;o ser&atilde;o aplicadas automaticamente &agrave; vers&atilde;o m&oacute;vel. Voc&ecirc; pode classificar os elementos na visualiza&ccedil;&atilde;o m&oacute;vel manualmente. Dessa forma, voc&ecirc; pode dispor os elementos de forma diferente em visualiza&ccedil;&otilde;es de desktop e m&oacute;veis.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Para obter o melhor resultado, evite mover elementos entre as se&ccedil;&otilde;es ou lembre-se de verificar as duas vers&otilde;es depois de fazer isso. Isso afeta as vers&otilde;es para celular e desktop e, portanto, pode distorcer o layout do seu site. Em vez disso, fique &agrave; vontade para reposicionar elementos dentro de uma se&ccedil;&atilde;o &#128161;<\/p>\n<\/div><h1 id=\"h_5278b614bc\">Acesse o editor m&oacute;vel<\/h1><p class=\"no-margin\">Alterne entre as visualiza&ccedil;&otilde;es clicando no &iacute;cone <b>m&oacute;vel<\/b> ou<b> desktop <\/b>na barra de ferramentas superior:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/9d8f7dda-fdc9-46aa-bb18-2a3a91e884ee.jpg\" alt=\"O bot&atilde;o para alternar entre as vers&otilde;es desktop e m&oacute;vel \"><\/div><h1 id=\"h_19ca61e052\">Reordenar elementos<\/h1><p class=\"no-margin\">Para reordenar os elementos, entre na visualiza&ccedil;&atilde;o m&oacute;vel e simplesmente arraste e solte os elementos:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/br\/support\/wp-content\/uploads\/sites\/59\/2025\/08\/sortelement.gif\" alt=\"Classifica&ccedil;&atilde;o de elementos \"><\/div><h1 id=\"h_4fabb3c7dd\">Redimensionar elementos<\/h1><p class=\"no-margin\">Para redimensionar elementos, entre na visualiza&ccedil;&atilde;o m&oacute;vel e use as al&ccedil;as de redimensionamento nas bordas do elemento:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/br\/support\/wp-content\/uploads\/sites\/59\/2025\/08\/resizeelement.gif\" alt=\"Redimensionamento de elementos\"><\/div><h1 id=\"h_bee4bc8203\">Redimensionar textos<\/h1><p class=\"no-margin\">Voc&ecirc; pode redimensionar o texto de duas maneiras:<\/p><ul>\n<li>\n<p class=\"no-margin\">Globalmente &ndash; afeta <b>todos os textos de um determinado estilo<\/b> (por exemplo, todos os textos escritos no T&iacute;tulo 1) em todo o seu site na visualiza&ccedil;&atilde;o m&oacute;vel<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Localmente &ndash; afeta um <b>elemento de texto espec&iacute;fico<\/b> na visualiza&ccedil;&atilde;o m&oacute;vel<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Para redimensionar o texto <b>globalmente <\/b>no celular, entre na visualiza&ccedil;&atilde;o m&oacute;vel e altere o tamanho da fonte de um determinado estilo de texto nas <b><a class=\"intercom-content-link\" href=\"\/br\/support\/6463286-criador-de-sites-como-alterar-a-fonte-e-o-estilo-do-texto\" target=\"_blank\" rel=\"noopener\">configura&ccedil;&otilde;es globais de estilo de texto<\/a><\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/br\/support\/wp-content\/uploads\/sites\/59\/2025\/08\/resizeelement.gif\" alt=\"Altera&ccedil;&atilde;o do tamanho do texto globalmente\"><\/div><p class=\"no-margin\">Para redimensionar o texto <b>localmente <\/b>no celular, entre na visualiza&ccedil;&atilde;o m&oacute;vel, clique em um elemento de texto espec&iacute;fico e altere o tamanho da fonte:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/dd836c9f-d33c-45d0-bb85-eafa21853476.gif\" alt=\"Altera&ccedil;&atilde;o do tamanho do texto localmente\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Voc&ecirc; pode definir as seguintes configura&ccedil;&otilde;es para que sejam diferentes no desktop e no celular:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>Tamanho da fonte<\/b>; por exemplo, desktop: 20 PX, celular: 18 PX<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Alinhamento do texto<\/b>; por exemplo, desktop: esquerda, celular: centro<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Altura da linha<\/b>; por exemplo, desktop: 2, celular: 1,5<\/p>\n<\/li>\n<\/ul>\n<\/div><p class=\"no-margin\">Isso significa que, <b>quando voc&ecirc; alterar qualquer outro par&acirc;metro <\/b>&ndash; fam&iacute;lia da fonte, negrito, it&aacute;lico, sublinhado etc. &ndash; <b>a altera&ccedil;&atilde;o ser&aacute; refletida no desktop e no celular<\/b>. O mesmo acontece se voc&ecirc; alterar todo o estilo do texto, por exemplo, se voc&ecirc; definir o T&iacute;tulo 2 para dispositivos m&oacute;veis e o T&iacute;tulo 1 para desktop, o elemento de texto na visualiza&ccedil;&atilde;o para desktop tamb&eacute;m mudar&aacute; para o T&iacute;tulo 2.<\/p><p class=\"no-margin\">Voc&ecirc; pode <b>duplicar<\/b> um elemento ou se&ccedil;&atilde;o e <b>tornar uma vers&atilde;o vis&iacute;vel no desktop e outra vis&iacute;vel no celular<\/b>. Dessa forma, voc&ecirc; ter&aacute; mais liberdade ao estilizar o conte&uacute;do no desktop e no celular individualmente, pois, normalmente, algumas configura&ccedil;&otilde;es (por exemplo, estilo de texto) se aplicam tanto ao desktop quanto ao celular. Saiba mais: <b><a class=\"intercom-content-link\" href=\"\/br\/support\/6721428-criador-de-sites-como-esconder-elementos-ou-secoes-no-modo-mobile-desktop\" target=\"_blank\" rel=\"noopener\">Como esconder elementos ou se&ccedil;&otilde;es no modo mobile\/desktop<\/a><\/b><\/p><h1 id=\"h_501a1732a5\">Alterar a posi&ccedil;&atilde;o do menu<\/h1><p class=\"no-margin\">Para alterar a posi&ccedil;&atilde;o do menu do hamb&uacute;rguer, entre na visualiza&ccedil;&atilde;o m&oacute;vel, clique na se&ccedil;&atilde;o do <b>cabe&ccedil;alho<\/b> e abra suas <b>configura&ccedil;&otilde;es<\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/029594fd-d7bc-4e61-b78c-23a5dd06cc4f.jpg\" alt=\"Abrir as configura&ccedil;&otilde;es do cabe&ccedil;alho \"><\/div><p class=\"no-margin\">Na aba de <b>Layout<\/b>, altere a posi&ccedil;&atilde;o do menu:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/cc3f7dc8-5ad9-407e-8226-715bcfb028db.jpg\" alt=\"Alterar a posi&ccedil;&atilde;o do menu \"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Se voc&ecirc; n&atilde;o conseguir ver a se&ccedil;&atilde;o de cabe&ccedil;alho, &eacute; prov&aacute;vel que todas as p&aacute;ginas do seu site estejam <b><a class=\"intercom-content-link\" href=\"\/br\/support\/6456821-criador-de-sites-como-ocultar-uma-pagina-do-menu-de-navegacao-do-site\" target=\"_blank\" rel=\"noopener\">ocultas no menu de navega&ccedil;&atilde;o<\/a> &#128161; <\/b><\/p>\n<\/div><h1 id=\"h_2d89a9f329\">Alterar a posi&ccedil;&atilde;o da logo<\/h1><p class=\"no-margin\">Para alterar a posi&ccedil;&atilde;o do logotipo, entre na visualiza&ccedil;&atilde;o m&oacute;vel, clique na se&ccedil;&atilde;o do <b>cabe&ccedil;alho <\/b>e selecione <b>Mudar logo<\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/c64d4f7c-ecef-476d-a6e9-d930ee87c22c.jpg\" alt=\"Abrir as configura&ccedil;&otilde;es do logotipo \"><\/div><p class=\"no-margin\">Na aba de <b>Logo<\/b>, altere a posi&ccedil;&atilde;o do logotipo:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/adfaab98-8f0f-4ea6-b9a0-5131a9cda79f.jpg\" alt=\"Alterar a posi&ccedil;&atilde;o do logotipo do site\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Se voc&ecirc; n&atilde;o conseguir ver a se&ccedil;&atilde;o de cabe&ccedil;alho, &eacute; prov&aacute;vel que todas as p&aacute;ginas do seu site estejam <b><a class=\"intercom-content-link\" href=\"\/br\/support\/6456821-criador-de-sites-como-ocultar-uma-pagina-do-menu-de-navegacao-do-site\" target=\"_blank\" rel=\"noopener\">ocultas no menu de navega&ccedil;&atilde;o<\/a> &#128161; <\/b><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>O construtor de sites do Hostinger permite a edi\u00e7\u00e3o de vers\u00f5es mobile e desktop separadamente para seu site tenha uma \u00f3tima apar\u00eancia<\/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":[258],"tags":[],"class_list":["post-1772","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475658-hostinger-website-builder-how-to-edit-the-mobile-version-of-a-website\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475658-hostinger-creador-de-sitios-web-como-editar-la-version-movil-de-un-sitio-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475658-createur-de-sites-web-comment-modifier-la-version-mobile-d-un-site-web-chez-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6475658-hostinger-website-builder-cara-edit-website-versi-mobile\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475658-hostinger-svetainiu-kurimo-irankis-kaip-redaguoti-mobiliaja-svetaines-versija\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475658-hostinger-criador-de-sites-como-editar-a-versao-movel-do-seu-site\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6475658-hostinger----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1772"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1772\/revisions"}],"predecessor-version":[{"id":5095,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1772\/revisions\/5095"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}