Soporte » Guías – Resolución de problemas » Twenty Nineteen 2.0 problema tamaño imagen destacada en dispositivo móvil

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador kallookoo

    (@kallookoo)

    Hola @ojoblindado

    Funciona como deberia, en ese theme.
    Usa una imagen mas pequeña y la centra en tu ejemplo al modificar el CSS para deshabilitarlo se ve todo deformado.

    Iniciador del debate ojoblindado

    (@ojoblindado)

    El problema sucede cuando el dispositivo móvil se encuentra en posición vertical.
    Cuando el dispositivo móvil se encuentra en posición horizontal la imagen se ve correctamente.
    ¿Podés indicarme cómo hacer para que, cuando el dispositivo móvil se encuentre en posición vertical, la imagen se muestre completa ocupando todo el ancho del dispositivo en su posición vertical? (lógicamente esto redundaría en mostrar la imagen mucho más pequeña)
    Muchas gracias!

    Moderador kallookoo

    (@kallookoo)

    Hola @ojoblindado

    Veo que no me entendistes, el theme usa una imagen que tu defines y la muestra. Por lo tanto tu no puedes decidir que tamaño usar ya que es automatico y por lo tanto si modificas por CSS las propiedades necesarias verias una imagen deformada, o en lo mejor de los casos una imagen muy pequeña que no se podria visualizar bien que es.
    Para que te hagas una idea con el inspector del navegador localiza el html de la imagen destacada del post y eliminas la propiedad object-fit o cambiala y tu mismo lo veras.

    Iniciador del debate ojoblindado

    (@ojoblindado)

    Sí, entendí. La pregunta era si podía definir el ancho de la imagen de modo variable para que su ancho se adapte a cualquier tamaño de pantalla.
    Y si esto no fuera posible, si se puede definir que muestre el centro de la imagen en lugar del costado izquierdo.
    Muchas gracias

    Moderador kallookoo

    (@kallookoo)

    Hola @ojoblindado

    Ese theme usa object-fit para definir como se redimensiona.
    Podrias ajustarlo o eliminarlo para evitarlo.
    Tienes mas info aqui; https://developer.mozilla.org/es/docs/Web/CSS/object-fit

    Iniciador del debate ojoblindado

    (@ojoblindado)

    qué tal Kallo

    Sería posible, en los dispositivos móviles, hacer que se muestre la porción del centro de la imagen destacada en lugar de que muestre su costado izquierdo?

    Ejemplo en dispositivo móvil: https://sobremundo.com/ezeiza-california-horis-muschietti-2021/

    Muchas gracias

    Moderador jose64

    (@jose64)

    Hola.

    Estoy revisando y estás usando el tema Miyazaki, si cambias de tema es posible que las indicaciones que te dieron no sean válidas.

    Deberías reformular la pregunta adaptada al tema que estés usando o, en el caso de que hubieses resuelto el problema siguiendo las indicaciones de @kallookoo cerrar el debate marcándolo como resuelto.

    Iniciador del debate ojoblindado

    (@ojoblindado)

    Fijate acá, dejo este sitio para tratar este asunto:
    http://sobremundo.cu.ma/wp/never-pony-2020/

    La cuestión es que la imagen destacada en dispositivos móviles e posición vertical, muestra el costado izquierdo de la imagen que por lo general las imágenes no contienen nada atractivo para mostrar en ese sector.

    La pregunta concreta es si se puede ajustar la imagen redimensionarla para que se muestre completa en esos dispositivos tal como se muestra completa en las pantallas más anchas y en la posición horizontal.

    Gracias!

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Twenty Nineteen 2.0 problema tamaño imagen destacada en dispositivo móvil’ está cerrado a nuevas respuestas.