Editor de Wix Studio: solución de problemas con espacios y barras de desplazamiento horizontal
4 min de lectura
Al crear un sitio en el Editor de Wix Studio, es posible que notes que aparecen barras de desplazamiento horizontales y espacios en blanco no deseados. Sigue los pasos de este artículo para aprender lo que debes verificar y asegurarte de que no aparezcan en ningún tamaño de pantalla.
Paso 1 | Busca y recoloca los elementos en el panel Capas
Si un elemento está fuera de los límites de la sección, se crea automáticamente un espacio en blanco para que el elemento sea visible en su totalidad. Utiliza el panel Capas para ver una lista de los elementos de la página y haz clic en cada uno para verificarlos y recolocarlos según sea necesario.
Para encontrar y reposicionar elementos en el panel Capas:
- Haz clic en Capas
a la izquierda del Editor de Wix Studio. - Selecciona un elemento para encontrarlo en la página.
- Cambia la posición del elemento con las siguientes herramientas:
- Arrástralo y suéltalo al lugar correcto.
- Usa las manillas para disminuir el tamaño del elemento.
- Ajusta los márgenes o cambia el tamaño del elemento desde el panel Inspector profesional
.
Paso 2 | Revisa los bordes de la página
Si bien un elemento puede estar posicionado dentro de una sección, sus bordes aún pueden traspasar los límites de la página y crear un espacio en blanco o una barra de desplazamiento horizontal. Esto sucede a menudo con los elementos de texto.
Haz clic en cada sección y pasa el cursor sobre todos los elementos que se encuentran cerca de los bordes de la página. Si alguno de ellos está desbordado, puedes moverlo o cambiar su tamaño según sea necesario.
Paso 3 | Cambia el ajuste de Desbordamiento del contenido de la página
Puedes ocultar el contenido desbordado de una página para evitar que se muestren automáticamente espacios en blanco y barras de desplazamiento horizontal. Esta configuración "reduce" los bordes de la página, por lo que se recortan los elementos (o las partes de los mismos) que están desbordados.
Para cambiar los ajustes del contenido con desbordamiento:
- Selecciona la página:
- Ve a la página correspondiente.
- Haz clic en Capas a la izquierda del Editor de Wix Studio.
- Haz clic en Página.
- Haz clic en la flecha Abrir Inspector profesional en la parte superior derecha del Editor de Wix Studio.
- Haz clic en la pestaña Diseño
. - Selecciona Ocultar en el menú desplegable Desbordamiento del contenido.
Paso 4 | Verifica la altura de la sección
La altura o la altura mínima que estableciste para una sección o cuadrícula CSS puede crear un espacio. Si estás usando el comportamiento Ajustar a la pantalla o la medida vh (que es relativa a la altura de la ventana de visualización), el espacio puede aparecer más grande en pantallas más grandes.
Puedes usar el panel Inspector profesional para verificar la cuadrícula CSS y el tamaño de la sección, y cambiar la altura o la altura mínima según sea necesario.
Para verificar la altura de la sección:
- Selecciona la sección correspondiente.
- Haz clic en la flecha Abrir Inspector profesional en la parte superior derecha del Editor de Wix Studio.
- Haz clic en la pestaña Diseño
. - Verifica y configura los ajustes de Altura y Altura mínima en Tamaño.
