Desactivar sidebar en dispositivos moviles deja hueco blanco

  • Resuelto conex1

    (@conex1)


    hace 9 años, 7 meses

    Buenas,
    he ocultado la sidebar del blog cuando se accede desde movil (o pantallas pequeñas) con un css:
    @media screen and (max-width: 979px) {
    #sidebar, #prk_footer_wrapper {display: none;}
    }
    La cosa va bien pero se queda el hueco en blanco donde iba la sidebar en lugar de que el resto del contenido ocupe su lugar.
    Alguna sugerencia??
    la web: http://www.zetaydo.com/noticias
    Gracias!

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

    (@unintended8)

    hace 9 años, 7 meses

    Buenas conex1, el tema es que la columna con el contenido tiene la clase small-9 que le dice que ocupe el 75% del ancho, por eso aunque dejes de mostrar la sidebar te queda hueco en blanco.

    Para que te ocupe el 100% tendrás que añadir una nueva clase a <div class=»small-9 columns no_title_page»> con ese width en el caso de que la pantalla sea menor de esos 979px. (También puedes modificar esa clase small-9, pero puede que descoloques alguna cosa en otra página, no he analizado toda la página, heh)

    Iniciador del debate conex1

    (@conex1)

    hace 9 años, 7 meses

    OK! Gracias por la respuesta Juan, ¿cómo podría añadir un css para que me modificara el width cuando el ancho sea menor de 979?? Muchas gracias

    Iniciador del debate conex1

    (@conex1)

    hace 9 años, 7 meses

    Creo que ya lo he puesto bien. Gracias Juan, marco como resuelto. Pongo aquí la soluión por si a alguien puede servirle:

    @media screen and (max-width: 979px) {
    #sidebar, #prk_footer_wrapper {display: none;}
    div.small-9 {
    width: 100%;
    }

    Un saludo

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Desactivar sidebar en dispositivos moviles deja hueco blanco’ está cerrado a nuevas respuestas.