Soporte » Guías – Resolución de problemas » El footer se descoloca en movil y tablet

  • Hola,

    Estoy usando el tema Neve, y en el footer he colocado una imagen y texto, de la siguiente manera:

    IMAGEN – ORGANIZACION

    Y funciona bien en ordenador en pantalla completa. Pero cuando se abre la página en móvil, tablet o se hace más pequeña la pantalla del ordenador, la imagen se recoloca y se pone gigante. Por qué no se respetan las divisiones del CSS?

    COMO SE VE EN MOVIL

    Entiendo que debo de cambiar el código CSS. Dónde encuentro el código concreto para cambiar ese comportamiento y qué es lo que debería de cambiar?

    Un saludo

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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Hola

    En el footer tienes puestas tres secciones, lo que ocurre es que en a medida que reduces el ancho las tres secciones del footer cambian de posición para adaptarse al ancho de la pantalla.

    Si unes el logo y la sección siguiente en una sola (dejas el pie de página a dos columnas) lo resolverás, al cambiar de tamaño se desplazarán los dos menús y quedarán uno encima del otro, respetando el tamaño que les corresponde.

    Si con esto lo solucionas, por favor recuerda comentarlo y cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Si hago eso que me dices, la imagen se redimensiona

    https://freeimage.host/i/imagen.J2elxp

    Lo que me gustaría es que la imagen no se redimensionase, sino que se quede a la izquierda, en pequeñito. Sin que se redimensione, y sin que se ponga en el centro, como enseñé en las otras capturas

    https://freeimage.host/i/imagen.J2e0WN

    Hik @robertnk

    Tienes tres columnas en el footer con bastante separación entre ellas. Cuando reduces el ancho no caben y se desplazan, dejándote una arriba y dos abajo primero y luego las tres una encima de otra. La imagen se adapta al tamaño del contenedor.

    Si quieres que la imagen no cambie de tamaño, pues añade esto en el CSS personalizado del tema

    .item--inner.builder-item--footer-two-widgets {
        padding: 0 !important;
    }
    
    img.image.wp-image-681.attachment-full.size-full {
        width: unset !important;
    }

    Se mantendrá pequeño pero siempre se ubicará en la parte superior porque no tiene espacio.

    En el footer tienes que dejar únicamente dos secciones, ocupando una mitad del footer cada una, y en la primera sección añadir el enlace y la imagen,de esa forma consigues que al pasar a móvil quepa en el espacio. Esa es la forma correcta, por no decir la única, de hacerlo para que la imagen se mantenga a la izquierda.

    Esas modificaciones las haces en el apartado footer de la personalización del tema.

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