Streaming live at 10am (PST)

Slider Responsive not working


#1

Tried to create a slider and used 3D slider as well as Parallex slider and added in one of the containers after exporting code.
But it doesn't work the same way. Something is blocking it.
Has someone implemented a slider in webflow they can share?

Thanks,
D C


#2

Yes I exported from webflow and implemented unslider.com's slider.
I don't know if I can help implementing other sliders but I'm guessing they are similar in method.
If you want unslider I can assist.


#3

What doesn't work about the slider you added? Make sure you have it set to 100% so it's responsive?


#4

I just tried to put the code for Unsliders slider but same result.
Seems like some javascript is getting blocked, doesn't get the result at all, or maybe i'm doing it wrong.


#5

You need to put the unslider.css in css folder, put unslider.min.js in the js folder.
Then add the stylesheet <link rel="stylesheet" type="text/css" href="css/unslider.css"> in the index.html file.
Then replace the div class="w-clearfix" (everything inside) with unslider div class="banner" markup.
Then add the javascript markup right before body ends.


#6

I think I solved it, the problem was that all the javascripts and css were added after the webflow.js file which "defer" in the script tag which means use this as a last file for parsing. Either way I removed it and works ok, now need to play with a bit css.


#7

Thanks both of you for your help.


#8