Ohh i understand why it wasn't responsive.
Since you created the forum topic in "Flexible Fancy Slider" category, i thought you were talking about "Flexible Fancy Slider" module, but what you are using is "Flexible Slider (scroller)".
They are different modules:
This is what you have:
www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Flexible-Product-Slider
This is what i thought you had:
www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Flexible-Fancy-Product-Slider
Unfortunately the "Flexible Product Slider" (the one you have) is not responsive.
Instead of using JS or Hard coding to make the slider responsive, you should better be using CSS Media Queries and CSS overrides for the certain screen resolutions (in my example below, i have picked max-width:677px, but you can pick something smaller or larger)
open this CSS file:
ROOT///modules/mod_vm_flexible_slider/media/themes/white-horizantal/white-h.css
and include these CSS rules:
@media (max-width:677px) {
#flexible-scroller-1, #flexible-scroller-1 > div, .scrollarea {
width: 480px !important;
}
.scrollbar .scrollbar {
width:450px !important;
}
}
You can play around with the values. But basically the idea is there.
Handling the responsiveness with CSS is much much easier. Avoid using 100% but instead use some fixed values, you would get better result.
To get the screen resolution of different IOS devices (iPad, iPad mini and iPhone) and use them as the CSS Queries; see this page:
stephen.io/mediaqueries/
Regards,
Support.
$0.00 (0 items)
