jquery - Why the slider image the only thing that's not responsive? -

jquery - Why the slider image the only thing that's not responsive? -

i'm using flexslider woothemes, , cannot figure out why image continually way wider content when browser resized/site viewed on ipad/iphone.

i don't see styles on slider, slide or image causing image not resize. there no height or width attribute set on actual image itself. furthermore, there 1 image in slider.

the container content seems resizing too, , image/slide width set 100% still overflowing right hand side, causing horizontal scroll appear.

site: http://whitakerbespoke.com/

edit: image resizes, there still horizontal scroll bar, , huge empty space on right hand side. figured image causing this, doesn't seem way.

add width: 100% .flexslider .slides img css declaration, looks (line 21 of flexslider.css):

.flexslider .slides img {margin: 0 auto; display: block; width: 100%;}

jquery css responsive-design