Galería de imágenes del editor de bloques: fotos solapadas en iPad

  • Resuelto Ana Cirujano

    (@acirujano)


    hace 5 años

    Hola, muy buenas.

    Necesito ayuda con la galería de imágenes del editor de bloques, a ver si alguno me puede echar una mano, por favor.

    El problema es que las imágenes se solapan en iPad. Se solapan tanto entre ellas como con el texto.

    Si visito la web desde un escritorio con el tamaño de un iPad no se montan las imágenes, solo se solapan cuando visito la web desde el propio dispositivo iPad.

    Así es como se ve en el iPad:

    Así es como se ve en Chrome:

    ¿Me podéis ayudar, por favor?

    ¡Muchas gracias!

    Ana

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador Mariano Perez

    (@mpcdigital)

    hace 5 años

    Hola,

    parece que se está usando css que el Safari del Ipad no soporta. En este enlace aunque es antiguo hay algunas cosas que se pueden hacer como definir una metaetiqueta que se cargue cuando la visita es de un Ipad:

    https://rstopup.com/problema-de-css-en-el-ipad-con-la-tabla-de-la-frontera.html

    pero yo lo que haría es cambiar de bloque a uno que use otro css que no produzca el problema.

    Iniciador del debate Ana Cirujano

    (@acirujano)

    hace 5 años

    ¡Gracias, Mariano!

    Me parecía raro porque es la galería estándar del editor de bloques.

    He visto que ya hay un ticket abierto y lo que recomiendan es que los usuarios actualicen el sistema operativo porque las versiones antiguas de Safari no son compatibles con Flexbox. Mientras tanto, para evitar problemas se soluciona con este código:

    .wp-block-gallery .blocks-gallery-item {
    display: block;
}

    ¡Un abrazo, Mariano, y muchas gracias por tu ayuda!

    Ana

    • Esta respuesta fue modificada hace 5 años por Ana Cirujano.
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Galería de imágenes del editor de bloques: fotos solapadas en iPad’ está cerrado a nuevas respuestas.