Soporte » Diseño – Temas y plantillas » Bloque de color no responsivo en IPad (se extiende)

  • Resuelto pentyfive

    (@pentyfive)


    Uso elementor para hacer el diseño de mi pagina, solo que todo esta bien hasta que te metes con una Tablet, los puntos de ruptura que e dado a mi pagina comienzan en 780px para entrar a tableta y 1450 para entrar a una computadora. Lo que sucede al entrar en Tablet es esto imagen
    Así debería verse: Imagen2
    Así es como tengo configurado el bloque en elementor:
    imagen 3
    imagen 4

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Usa el inspector de elementos del navegador para ver las media queries. Tienes un bloque definido con ancho máximo en píxeles, el estrecho de la parte de arriba, y el del pie está definido como 100%, eso te ocasiona el error. La medida en la que se produce es para pantallas de menos de 780px, así que debe haber algún conflicto entre las medidas que defines tú y las que define el plugin o el tema.

    Deberías ver cuáles son los puntos de ruptura del tema y Elementor y adaptarte a ellos, o adaptar los de ambos a tus necesidades:

    How to Update Responsive Breakpoints for Tablet+Mobile in Astra?

    Cómo cambiar el punto de ruptura de tableta o móvil en el tema Astra

    Por lo que veo en la documentación de Elementor los puntos de ruptura por defecto no se pueden eliminar, así que tendrías que añadir unos nuevos si no coinciden con los demás

    How To Use Additional Breakpoints

    Yo personalmente prefiero adaptarme a lo que definen ellos para evitar este tipo de problemas.

    Coméntanos si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto cuando así sea, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate pentyfive

    (@pentyfive)

    Gracias, si el bloque al que le puse color era el contyenedor, pero en vez de ponerle color al contenedor se lo puse al subcontenedor que contiene al texto y le agregue un ancho limitado y se logro el resultado que queria, GRACIAS! ^ ^

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Debes estar registrado para responder a este debate.