Avisos
Vaciar todo
Hola,
He creado una sección en mi web (Secciones\Bibliografía recomendada\Productividad), que básicamente consiste en 5 columnas, cada una de las cuales tiene una pequeña imagen de la portada de un libro.
En un pc/laptop/tablet se muestra sin problemas en modo horizontal, pero cuando quiero visualizar esta misma página en Tablet o móvil en modo vertical, no se muestran las imágenes de los libros y dicha sección aparece sin ninguna imagen.
A qué se debe esto y cómo podría solucionarlo??
Gracias.
Contenido solo visible a usuarios registrados
Respondido : 29/12/2020 2:30 pm
Hola Francisco,
Como estas construyendo esta sección? verifica si tienes activa la opción de visualización en movil:
Confirma y nos comentas ya que aunque no se vea las 5 columnas deberían verse en 1.
Un saludo 🖐️
Respondido : 29/12/2020 2:36 pm
@argenis Hola. Esas opciones las tengo desmarcadas las tres, es decir, que se debería ver en cualquier tipo de dispositivo.
Gracias.
Respondido : 29/12/2020 4:25 pm
Hola Francisco,
Verifica agregando el siguiente código en Apariencias > Personalizar > Css Adicional:
@media (max-width: 980px){
.et_pb_column.et_pb_column_empty {display: block !important;
}}
Un saludo 🖐️
Respondido : 29/12/2020 4:36 pm
@argenis Hola de nuevo y gracias por tu respuesta. Ahora veo que se muestra pero con los siguientes problemas:
1.En el modo vertical del móvil las imágenes aparecen centradas y muy muy pequeñas
2.En el modo horizontal del móvil, aparece una caja blanca abajo a la derecha en cada sección que no sé lo que es ni cómo eliminarla (adjunto captura de pantalla)
Cómo puedo solventar ambos problemas??
Muchas gracias de nuevo.
Respondido : 29/12/2020 4:48 pm
Hola Francisco,
Lo que veo es que a las columnas se les esta aplicando margenes los cuales se ajustan a las diferentes pantallas, esto es algo que divi aplica de manera general es decir la configuración que apliques a cada columna sera la misma para la diferentes versiones.
Una opción para solucionar esto y tener un mayor control sobre como mostrar los elementos es duplicar esta sección y ocultarla para la versión escritorio, de esta forma puedes crear dos secciones independientes a la que le puedas aplicar diferentes ajustes entre los espacios de las columnas.
Con ella puedes decidir que elementos se ven en que dispositivo, de esta forma puedes utilizar un diseño para escritorio y otro para móviles.
Un Saludo
Respondido : 29/12/2020 5:00 pm
@karen Hola. Gracias por tu respuesta. Esto puede solucionar la primera de las incidencias que se me presentan (el que las imágenes aparezcan centradas y en un tamaño muy pequeño), pero la segunda de las incidencias que cito en mi mensaje anterior (la caja blanca que se muestra en el modo horizontal en móviles), por qué ocurre y cómo la soluciono???
Gracias.
Respondido : 29/12/2020 5:48 pm
Hola Francisco,
Estuve verificando el código, lo que veo es que este es un espacio que añade tus columnas dentro de la versión horizontal. Para que no se vea la diferencias puedes colocar por ejemplo el color de de fondo a todas las columnas en gris de esta forma este espacio tomara el mismo color que cada una de las columnas que haz configurado
UN Saludo
Respondido : 29/12/2020 6:26 pm
Hola Francisco,
Encantados de poder ayudar, recuerda si tienes alguna otra consulta puedes crear un nuevo tema y con gusto lo atenderemos.
Un saludo 🖐️
Respondido : 29/12/2020 7:09 pm
