{"id":200,"date":"2023-05-05T09:30:39","date_gmt":"2023-05-05T09:30:39","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/05\/05\/6475658-hostinger-creador-de-sitios-web-como-editar-la-version-movil-de-un-sitio-web\/"},"modified":"2025-08-28T11:28:37","modified_gmt":"2025-08-28T11:28:37","slug":"6475658-hostinger-creador-de-sitios-web-como-editar-la-version-movil-de-un-sitio-web","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6475658-hostinger-creador-de-sitios-web-como-editar-la-version-movil-de-un-sitio-web\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Editar la Versi\u00f3n M\u00f3vil de un Sitio Web"},"content":{"rendered":"<p class=\"no-margin\">Por defecto, <b>la versi&oacute;n m&oacute;vil del sitio web muestra los elementos en el orden en que se han a&ntilde;adido a la versi&oacute;n de escritorio<\/b>. Incluso si, m&aacute;s tarde, reordena los elementos en el escritorio, estos cambios no se aplican autom&aacute;ticamente a la versi&oacute;n m&oacute;vil. Puedes ordenar los elementos en la vista m&oacute;vil manualmente. De esta forma, puede disponer los elementos de forma diferente en las vistas de escritorio y m&oacute;vil.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Para obtener el mejor resultado, evite mover elementos entre secciones, o recuerde comprobar ambas versiones despu&eacute;s de hacerlo. Afecta tanto a la versi&oacute;n m&oacute;vil como a la de escritorio y, por tanto, puede distorsionar el dise&ntilde;o de tu sitio web. En su lugar, si&eacute;ntete libre de reposicionar elementos dentro de una secci&oacute;n &#128161;<\/p>\n<\/div><h1 id=\"h_eee2970577\">Acceder al editor m&oacute;vil<\/h1><p class=\"no-margin\">Cambie entre las vistas haciendo clic en el icono <b>m&oacute;vil<\/b> o de <b>escritorio<\/b> de la barra de herramientas superior:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/19091b1e-0345-41ac-a644-a458a13517a0.jpg\" alt=\"El bot&oacute;n para cambiar entre las versiones de escritorio y m&oacute;vil \"><\/div><h1 id=\"h_7c2aa62b17\">Ordenar elementos<\/h1><p class=\"no-margin\">Para cambiar la posici&oacute;n de los elementos, entre en la vista m&oacute;vil y simplemente arrastre y suelte los elementos:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2025\/08\/sortelement.gif\" alt=\"Ordenar elementos en el Creador de Sitios Web \"><\/div><h1 id=\"h_18e460f257\">Cambiar el tama&ntilde;o de los elementos<\/h1><p class=\"no-margin\">Para cambiar el tama&ntilde;o de los elementos, acceda a la vista m&oacute;vil y utilice los controles de cambio de tama&ntilde;o de los bordes de los elementos:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2025\/08\/resizeelement.gif\" alt=\"Cambiar el tama&ntilde;o de los elementos en el Creador de Sitios Web \"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">M&aacute;s informaci&oacute;n: <b><a class=\"intercom-content-link\" href=\"\/es\/support\/6491230-creador-de-sitios-web-como-cambiar-el-tamano-de-elementos-y-secciones\" target=\"_blank\" rel=\"noopener\">C&oacute;mo cambiar el tama&ntilde;o de elementos y secciones<\/a><\/b><\/p>\n<\/div><h1 id=\"h_e12271194c\">Cambiar el tama&ntilde;o del texto<\/h1><p class=\"no-margin\">Puede cambiar el tama&ntilde;o del texto de dos maneras:<\/p><ul>\n<li>\n<p class=\"no-margin\">Globalmente &ndash; afecta a <b>todos los textos de un estilo particular<\/b> (por ejemplo, todos los textos escritos en T&iacute;tulo 1) en todo su sitio web en la vista m&oacute;vil<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Localmente: afecta a<b> un elemento de texto concreto<\/b> en la vista m&oacute;vil<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Para cambiar el tama&ntilde;o del texto <b>globalmente<\/b> en el m&oacute;vil, entre en la vista m&oacute;vil y cambie el tama&ntilde;o de la fuente de un estilo de texto concreto en la configuraci&oacute;n <b><a class=\"intercom-content-link\" href=\"\/es\/support\/6463286-creador-de-sitios-web-como-cambiar-el-estilo-del-texto\" target=\"_blank\" rel=\"noopener\">global del estilo de texto<\/a><\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2025\/08\/resizetext.gif\" alt=\"Cambiar el tama&ntilde;o del texto globalmente \"><\/div><p class=\"no-margin\">Para cambiar el tama&ntilde;o del texto<b> localmente<\/b> en el m&oacute;vil, entre en la vista m&oacute;vil, haga clic en un elemento de texto concreto y cambie su tama&ntilde;o de fuente:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/70ef0c7a-0eec-4e44-bc36-b6897535172c.gif\" alt=\"Cambiar el tama&ntilde;o del texto localmente\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Puede configurar los siguientes ajustes para que sean diferentes en el escritorio y en el m&oacute;vil:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>Tama&ntilde;o de fuente<\/b>; por ejemplo, escritorio: 20 PX, m&oacute;vil: 18 PX<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Alineaci&oacute;n del texto<\/b>; por ejemplo, escritorio: izquierda, m&oacute;vil: centro<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Altura de l&iacute;nea<\/b>; por ejemplo, escritorio: 2, m&oacute;vil: 1.5<\/p>\n<\/li>\n<\/ul>\n<\/div><p class=\"no-margin\">Esto significa que cuando cambie cualquier otro par&aacute;metro (familia de fuentes, negrita, cursiva, subrayado, etc.), el cambio se reflejar&aacute; tanto en el escritorio como en el m&oacute;vil. &ndash; el cambio se reflejar&aacute; tanto en el escritorio como en el m&oacute;vil. Lo mismo ocurre si cambias todo el estilo de texto, por ejemplo, si estableces T&iacute;tulo 2 para m&oacute;vil mientras que en escritorio es T&iacute;tulo 1, el elemento de texto en la vista de escritorio cambiar&aacute; tambi&eacute;n a T&iacute;tulo 2.<\/p><p class=\"no-margin\">Puedes <b>duplicar<\/b> un elemento o secci&oacute;n, y h<b>acer una versi&oacute;n visible en escritorio y otra visible en m&oacute;vil<\/b>. De este modo, tendr&aacute;s m&aacute;s libertad a la hora de aplicar estilos al contenido en el escritorio y en el m&oacute;vil de forma individual, ya que, normalmente, algunos ajustes (por ejemplo, el estilo del texto) se aplican tanto al escritorio como al m&oacute;vil. M&aacute;s informaci&oacute;n: <b><a class=\"intercom-content-link\" href=\"\/es\/support\/6721428-creador-de-sitios-web-como-ocultar-elementos-y-secciones\" target=\"_blank\" rel=\"noopener\">C&oacute;mo ocultar elementos y secciones<\/a><\/b><\/p><h1 id=\"h_5e3609476f\">Cambiar la posici&oacute;n del men&uacute;<\/h1><p class=\"no-margin\">Para cambiar la posici&oacute;n del men&uacute; hamburguesa, entre en la vista m&oacute;vil, haga clic en la secci&oacute;n de <b>encabezando<\/b> y abra su <b>configuraci&oacute;n<\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/1d9f09fb-49f2-4a8c-ba0d-ca868216981a.jpg\" alt=\"Abrir la configuraci&oacute;n del encabezado \"><\/div><p class=\"no-margin\">En la pesta&ntilde;a <b>Dise&ntilde;o<\/b>, cambie la posici&oacute;n del men&uacute;:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/c5d541a6-3b03-4eda-b7b9-c583768250f8.jpg\" alt=\"Cambiar la posici&oacute;n del men&uacute; \"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Si no puedes ver la secci&oacute;n de cabecera, es probable que todas las p&aacute;ginas de tu sitio web est&eacute;n <b><a class=\"intercom-content-link\" href=\"\/es\/support\/6456821-creador-de-sitios-web-como-ocultar-una-pagina-del-menu-de-navegacion-de-tu-sitio-web\" target=\"_blank\" rel=\"noopener\">ocultas del men&uacute; de navegaci&oacute;n<\/a><\/b> &#128161;<\/p>\n<\/div><h1 id=\"h_8ef043d7f8\">Cambiar la posici&oacute;n del logotipo<\/h1><p class=\"no-margin\">Para cambiar la posici&oacute;n del logotipo, entra en la vista m&oacute;vil, haz clic en la secci&oacute;n de <b>encabezando<\/b> y selecciona <b>Cambiar logo<\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/d3de1539-ef49-4892-a586-76fafcda4331.jpg\" alt=\"Abrir la configuraci&oacute;n del logotipo \"><\/div><p class=\"no-margin\">En la pesta&ntilde;a<b> Logo<\/b>, cambia la posici&oacute;n del logo:<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Si no puedes ver la secci&oacute;n de cabecera, es probable que todas las p&aacute;ginas de tu sitio web est&eacute;n <b><a class=\"intercom-content-link\" href=\"\/es\/support\/6456821-creador-de-sitios-web-como-ocultar-una-pagina-del-menu-de-navegacion-de-tu-sitio-web\" target=\"_blank\" rel=\"noopener\">ocultas del men&uacute; de navegaci&oacute;n<\/a><\/b> &#128161;<\/p>\n<\/div><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Editar por separado las versiones para m\u00f3vil y escritorio<\/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":[257],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-diseno"],"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\/es\/support\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":3364,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/200\/revisions\/3364"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}