Login
Back to all discussion topics

Mono Support How to make a new homepage slider auto width ? 

Viewed 6768 time(s), 2 post(s), 2/19/2013 9:17:36 PM - by super
super
super
2/19/2013 9:17:36 PM
6018 Reputation 709 Total posts

I want to replace the homepage slider ...

The good thing about the slider that comes with monox is that, if anyone try to view the monox website on a mobile device (desktop version) not mobile site... the slidershow adjusts the width of the default slider based on the width of the mobile view.

When I try to change the slider with a new jquery slider from outside...the width of the slider is bigger and doesn't fit well on mobile devices...

I am trying to implement this slider: http://demo.webdeveloperplus.com/featured-content-slider/

How can I make it just like monox slider so that if anyone try to view the desktop version of the website on a mobile device, the slider width automatically adjusts according to the viewing area...just like monox slider does.

1
khorvat
khorvat
2/20/2013 7:55:39 AM
15993 Reputation 2214 Total posts

Hi,

one important thing that you must not forget is that MonoX theme and it's modules are prepared for Responsive Design so the Silder WebPart's mark-up and style is prepared for responsivness. I think that slider that you mentioned is not optimized for responsive design so it may be used in this scenario but you will hassle with this too much, maybe a better idea is to use some other slider like this one - FlexSlider, as it's already prepared for responsivness and I think you can just put it in your page and it will work.

Regards

2
This is a demo site for MonoX. Please visit Mono Software for more info.