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:
Ver original#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:
Ver original#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
:
Ver original$("#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