Cómo solucionar el espacio en blanco en móviles en OxygenBuilder

diciembre 6, 2021

Uno de los problemas principales a los que nos enfrentamos cuando desarrollamos nuestras webs es el diseño responsive.

¿Qué es el diseño responsive? Pues en palabras simples, un diseño que es uniforme y funciona en todos los dispositivos.

Esto nos facilita mucho el trabajo y ayuda a la navegabilidad de cara al usuario.

Diseñas una vez, funciona muchas veces. ¿Fácil, verdad?

Bueno, no es tan sencillo.

Aquí te dejo un artículo muy completo sobre qué es el diseño responsive.

Ahora vamos a por lo que estás buscando.

Cuando diseñamos nuestras webs en Oxygen, a veces se producen "fallos" que hacen ver de una forma incorrecta a nuestras webs.

En este caso, voy a decirte cómo solucionar el "hueco" o gap en inglés, que ves en tu móvil cuando desarrollas con OxygenBuilder.

He visto este problema en muchas de mis webs (y de mucha gente).

[lwptoc]

Problema del hueco en blanco en móviles

Un usuario preguntaba en el foro que por qué su web en móvil se veía así:

Problema del hueco blanco en la vista para móvil con Oxygen

Se puede ver claramente un hueco en blanco que no debería estar ahí.

Para averiguar qué causa ese hueco, vamos a utilizar el siguiente código en el inspector de nuestro navegador.

Vamos a la etiqueta head, la seleccionamos, y añadimos el border rojo de 1px

border:1px solid red

Ahora vemos todos los elementos de la página resaltados en rojo:

¡Ahí están nuestros culpables!

Hay dos elementos que "sobresalen" y provocan ese hueco en blanco.

En este caso, los vemos de una manera fácil al estar arriba.

En otros, puede que tengas que hacer scroll hasta encontrarlos.

¿Tienes este problema y no encuentras a los culpables?

Si quieres podemos echarle un vistazo 😃

No hay comentarios

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
[fluentform id="3"]
crossmenu