Editor de Wix: ajustar y personalizar las pestañas para tu sitio móvil | Centro de Ayuda

Editor de Wix: ajustar y personalizar las pestañas para tu sitio móvil

11 min de lectura

Las pestañas son una forma avanzada de organizar y clasificar el contenido en tu sitio. Las pestañas que agregas en el escritorio aparecen automáticamente en tu sitio móvil y puedes ajustarlas según sea necesario para adaptarse a pantallas más pequeñas.

En este artículo, obtén más información sobre lo siguiente:

Nota:

Las pestañas son un elemento de escritorio, lo que significa que no puedes agregar pestañas solo para dispositivos móviles.

Ocultar las pestañas de la versión móvil de tu sitio

Si no deseas mostrar pestañas en tu sitio móvil, puedes ocultarlas fácilmente. Después de ocultar un elemento de pestañas, puedes acceder al elemento y mostrarlo nuevamente desde el panel Oculto en la versión móvil.

Para ocultar el elemento de pestañas de tu sitio móvil:

Haz clic en el elemento de pestaña en el editor móvil.
Haz clic en el icono Ocultar elemento .

Captura de pantalla de pestañas en el editor móvil de Wix, cursor sobre el icono Ocultar elemento.

Ajustar el diseño de las pestañas en la versión móvil

Edita el diseño de las pestañas en tu sitio móvil para que se adapten a pantallas más pequeñas. Puedes cambiar el espacio y la dirección para estructurar las pestañas y elegir cómo ven las pestañas que no caben en el menú superior los visitantes en la versión móvil.

Para ajustar el diseño de las pestañas en tu sitio móvil:

Haz clic en el elemento de pestaña en el editor móvil.
Haz clic en el icono Estilo .
elige cómo quieres ajustar el estilo de las pestañas:
- Distribución de pestañas: elige cuánto quieres que se estire el menú de las pestañas:
  - Justificado: el menú no se ajusta al ancho de la caja. Luego, puedes elegir si deseas alinear los elementos del menú a la izquierda, al centro o a la derecha de la caja.
  - Estirado: el menú se ajusta al ancho de toda la caja. Puedes alinear el contenido del menú a la izquierda, al centro o a la derecha de la caja.
- Alinear texto: selecciona una opción para establecer si el texto se alinea a la izquierda, al centro o a la derecha.
- Espaciado entre pestañas: haz que el espacio entre los elementos de las pestañas sea más grande o más pequeño.
- Espacio entre pestañas y contenedor: haz que el espacio entre el menú y los cuadros de contenido sea más grande o más pequeño.
- Relleno horizontal: ajusta el relleno a la izquierda y a la derecha de los elementos del menú.
- Relleno vertical: ajusta el relleno en la parte superior e inferior de los ítems.
- Visualización de pestañas extensas: selecciona cómo mostrar los elementos que no caben en el menú superior:
  - Desplazar: los visitantes pueden desplazarse por el menú para ver todos los elementos.
  - Ajustar: se agrega otra línea para que quepan todos los elementos. Luego, puedes usar el control deslizante para hacer que el espacio entre las filas sea más grande o más pequeño.
- Mostrarb pestañas de: muestra los elementos en el menú superior de izquierda a derecha o viceversa.

Captura de pantalla del menú de estilo de las pestañas en el Editor de Wix.

Personalizar el diseño de pestañas en la versión móvil

Cambia el diseño del elemento de pestañas para que se adapte al aspecto de tu sitio móvil. Los cambios que realizas no afectan al sitio de escritorio, por lo que puedes cambiar ajustes como el texto y el color de relleno para crear una experiencia personalizada para tus visitantes móviles.

Para editar el diseño de las pestañas:

Haz clic en el elemento de pestaña en el editor móvil.
Haz clic en el icono Diseño .
Selecciona una opción en ¿Qué quieres diseñar? y personalízala con las opciones disponibles.