I am using a Twenty eleven child theme with the JJ NextGen JQuery Slider. It works great when viewed on a computer screen, but when viewed on a mobile device (iphone, ipad, etc.) the slider does not resize the way the rest of the site does.
Twenty eleven has special CSS for smaller screen resolutions, but I can't figure out how to get the slider to resize work with the smaller screen resolutions. The slider CSS has the width and height so embedded, I can't figure out how to override it.
My temporary fix is to hide the slider using "display: none" for the smaller screen resolutions.
Has anyone figured out how to get the slider to resize? I would request this as a feature update - either put the ability in the shortcode, or fix the css so I can override it.
I would appreciate any ideas. Thanks