Soporte » Diseño – Temas y plantillas » Plantilla se desorganiza en dispositivos moviles

Viendo 4 respuestas - 1 de 4 (de 4 total)
  • Moderador Mariano Perez

    (@mpcdigital)

    Eso depende la programación de la plantilla. Si no sabes programar en CSS o tienes acceso a alguien que sepa, lo mejor es cambiar a una plantilla que ya esté adaptada.

    Buenos dias!
    Ps tengo idea de css, y tengo entendido que con la opcion max-width:100% se deberian ajustar las imagenes al tamaño de la pantalla, no se q otra opcion hay para que las imagenes se adapten, me podrias guiar por favor

    Gracias!!!

    Para que te funcione la opción max-width:100% para las imágenes el contenedor (div) o contenedores han de ajustarse también al porcentaje que necesites.

    Hola, si no me equivoco, para que las imágenes se adapten es width: 100%; y para que no se deformen heihgt: auto;

    El problema que tienes es que como te indica redywebs tienes los contenedores de las imagenes con unas dimensiones fijas en píxeles. El theme que estás utilizando usa skeleton (un framework) para el tema responsive. Tu has dividido las dos columnas principales usando las clases grid_9 y grid_3 que son propias de skeleton y se adaptan con el cambio de ancho de la pantalla. Pero dentro de grid_9, donde tienes el contenido principal del blog, tienes las siguientes reglas aplicadas:

    .latestpost li {
        border-bottom: 1px solid #B9BABA;
        list-style-type: none;
        margin: 0 0 20px;
        padding: 0 0 20px;
        width: 692px;
    }
    .latestpost li .featured-thumbnail {
        height: 398px;
        overflow: visible;
        width: 681px;
    }
    .latestpost li .destacada .featured-thumbnail {
        height: 550px;
        overflow: visible;
        width: 939px;
    }

    para una prueba rápida cambia en todas esas reglas el width y el height por lo 100% y auto respectivamente. Verás como ya se adapta a resoluciones de pantalla más bajas.

Viendo 4 respuestas - 1 de 4 (de 4 total)
  • El debate ‘Plantilla se desorganiza en dispositivos moviles’ está cerrado a nuevas respuestas.