Todas las colecciones
Creador de sitios web
Diseño
Creador de Sitios Web: cómo editar la versión móvil de un sitio web
Creador de Sitios Web: cómo editar la versión móvil de un sitio web

Editar por separado las versiones para móvil y escritorio

Austėja Baranauskaitė avatar
Escrito por Austėja Baranauskaitė
Actualizado hace más de una semana

Por defecto, la versión móvil del sitio web muestra los elementos en el orden en que se han añadido a la versión de escritorio. Incluso si, más tarde, reordena los elementos en el escritorio, estos cambios no se aplican automáticamente a la versión móvil. Puedes ordenar los elementos en la vista móvil manualmente. De esta forma, puede disponer los elementos de forma diferente en las vistas de escritorio y móvil.

Para obtener el mejor resultado, evite mover elementos entre secciones, o recuerde comprobar ambas versiones después de hacerlo. Afecta tanto a la versión móvil como a la de escritorio y, por tanto, puede distorsionar el diseño de tu sitio web. En su lugar, siéntete libre de reposicionar elementos dentro de una sección 💡

Acceder al editor móvil

Cambie entre las vistas haciendo clic en el icono móvil o de escritorio de la barra de herramientas superior:

El botón para cambiar entre las versiones de escritorio y móvil

Ordenar elementos

Para cambiar la posición de los elementos, entre en la vista móvil y simplemente arrastre y suelte los elementos:

Ordenar elementos en el Creador de Sitios Web

Cambiar el tamaño de los elementos

Para cambiar el tamaño de los elementos, acceda a la vista móvil y utilice los controles de cambio de tamaño de los bordes de los elementos:

Cambiar el tamaño de los elementos en el Creador de Sitios Web

Cambiar el tamaño del texto

Puede cambiar el tamaño del texto de dos maneras:

  • Globalmente - afecta a todos los textos de un estilo particular (por ejemplo, todos los textos escritos en Título 1) en todo su sitio web en la vista móvil

  • Localmente: afecta a un elemento de texto concreto en la vista móvil

Para cambiar el tamaño del texto globalmente en el móvil, entre en la vista móvil y cambie el tamaño de la fuente de un estilo de texto concreto en la configuración global del estilo de texto:

Cambiar el tamaño del texto globalmente

Para cambiar el tamaño del texto localmente en el móvil, entre en la vista móvil, haga clic en un elemento de texto concreto y cambie su tamaño de fuente:

Cambiar el tamaño del texto localmente

Puede configurar los siguientes ajustes para que sean diferentes en el escritorio y en el móvil:

  • Tamaño de fuente; por ejemplo, escritorio: 20 PX, móvil: 18 PX

  • Alineación del texto; por ejemplo, escritorio: izquierda, móvil: centro

  • Altura de línea; por ejemplo, escritorio: 2, móvil: 1.5

Esto significa que cuando cambie cualquier otro parámetro (familia de fuentes, negrita, cursiva, subrayado, etc.), el cambio se reflejará tanto en el escritorio como en el móvil. - el cambio se reflejará tanto en el escritorio como en el móvil. Lo mismo ocurre si cambias todo el estilo de texto, por ejemplo, si estableces Título 2 para móvil mientras que en escritorio es Título 1, el elemento de texto en la vista de escritorio cambiará también a Título 2.

Puedes duplicar un elemento o sección, y hacer una versión visible en escritorio y otra visible en móvil. De este modo, tendrás más libertad a la hora de aplicar estilos al contenido en el escritorio y en el móvil de forma individual, ya que, normalmente, algunos ajustes (por ejemplo, el estilo del texto) se aplican tanto al escritorio como al móvil. Más información: Cómo ocultar elementos y secciones

Cambiar la posición del menú

Para cambiar la posición del menú hamburguesa, entre en la vista móvil, haga clic en la sección de encabezando y abra su configuración:

Abrir la configuración del encabezado

En la pestaña Diseño, cambie la posición del menú:

Cambiar la posición del menú

Si no puedes ver la sección de cabecera, es probable que todas las páginas de tu sitio web estén ocultas del menú de navegación 💡

Cambiar la posición del logotipo

Para cambiar la posición del logotipo, entra en la vista móvil, haz clic en la sección de encabezando y selecciona Cambiar logo:

Abrir la configuración del logotipo

En la pestaña Logo, cambia la posición del logo:

Si no puedes ver la sección de cabecera, es probable que todas las páginas de tu sitio web estén ocultas del menú de navegación 💡

¿Ha quedado contestada tu pregunta?