Cuestión de barra lateral adjunta de Bootstrap en una pantalla más pequeña - css, twitter-bootstrap

Tengo un problema al deshabilitar la clase .affix en pantallas más pequeñas. He intentado la respuesta encontrada aquí: ¿Cómo puedo desactivar el "afijo" de Bootstrap en pantallas más pequeñas? sin suerte

Estoy tratando de colocar dos barras laterales, una a la izquierda y otra a la derecha y luego no a las pantallas más pequeñas. Aquí está mi CSS:

#accordian2.affix {
left: 10;
position: fixed;
width:15%;

}

#notes.affix {
right: 0;
position: fixed;
width:16%;
margin-right: 45px;

}

Y traté de deshabilitar esto para pantallas más pequeñas:

@media (min-width: 768px) {
.affix {
position: static;
}
}

Sin suerte La única otra clase que he aplicado a mi HTML es .accordian para la que está colocada a la izquierda y ninguna otra clase para la que está a la derecha.

Déjame saber si necesitas ver el HTML.

¡Gracias!

Respuestas

prueba esto en su lugar:

@media all and (max-width: 768px) {
#accordian2.affix, #notes.affix {
position: static;
}
}

Parece que te faltaban algunas cosas (todas y), también usaste min en lugar de max. Min significaría que el ancho tendría que tener al menos 768 píxeles de ancho para que las reglas se apliquen.