Problema ancho widget twitter en ipad/moviles

[redjon40]

Hola

Integre el widget de twitter timeline en mi página y he modificado los estilos para determinar su ancho por porcentajes. el problema es que en maquinas de escritorio se redimensiona adecuadamente pero en el ipad y iphone coge un ancho mayor y no se porque demonios lo hace.

Tengo este css:

Código CSS:

#twitter-widget-0{
    display:block;
    width:30%!important;
    float:left;
    height:400px;
    margin-left:2%;
    min-width:0px!important;
}
 

mas ésto para responsive:

Código CSS:

#inferior .widget, #twitter-widget-0, .facebook-widget{
    width:92%!important;
    height:250px;
    padding:0.8em;
    overflow-x: hidden;
    overflow-y:scroll;
    margin:auto;
    margin-top:0.8em;
    float:none;
    position:relative;
}
 

hasta le he metido esto de javascript a ver si me hace algo

Código Javascript:

$("#twitter-widget-0").css("min-width","0px!important");
 

y ya digo, en laptop perfecto pero en ipad/iphone se hace más ancho y me "echa" otros widgets de wordpress que tengo puestos.

He estado mirando la documentacion de twitter y ando enredando pero sigue la cosa igual

¿A alguien se le ocurre algo?

Gracias