Responsive Product Slider

-- url of the page with the problem -- : 181.224.158.65/~bylongco/
-- HikaShop version -- : 2.2.0
-- Joomla version -- : 3.1.5
-- PHP version -- : 5.3.27
-- Browser(s) name and version -- : Chrome & Firefox

Hi,

I am trying to get the product slider (Here) responsive but not luck using max-width etc.

Is it possible to have the slider responsive?

Thanks in advance for any tips.

Hi there,

Considering how the system is made this is impossible.
We basically use Jquery to change the margin or the div containing the product. This margin is determined in php through Hikashop so we can't really change it. However in your case I can see two possibilities:

1 - You can add a css property on hikashop_main_slider_hikashop_category_information_module_125 like width:100%, it should give something acceptable, give it a try.
2 - The second solution is a little bit longer and not very clean but you could create multiple slider and hide it display it using css rules and @media, so if the windows is small you display your small slider.

Thanks Eliot, thats it!

But I had to combine both so it resizies down to a certain size, then is hidden when a phone is detected.

Brilliant, thanks!