Support » Plugins and Hacks » Smart Slider 2 » [Resolved] Sliders next to each other (horizontal)

[Resolved] Sliders next to each other (horizontal)

  • Hi,

    First: thank you for the plugin! Really like all the options.

    Second: I’m trying to put two different sliders (with different sizes) next to each other, for hours. Now it finally works, because I’ve put them in a table. But now they aren’t responsive anymore. 😉 If you zoom in in your browser, the sliders become to big for the screen. I’ve tried to make the table responsive (give it a max-width etc.. percent and pixels.. all doesn’t work) but that doesn’t work.

    Can you please help me to put my two sliders next to each other without using a table?

    Look at my profile for my website adress. Thank you so much!


Viewing 4 replies - 1 through 4 (of 4 total)
  • Oh by the way, I’m also happy if the sliders become vertical aligned when using a mobile phone or tablet. Like this click! if that is easier to explain.

    I also tried float: left;, block-inline et cetera.

    Plugin Author Nextendweb



    Here is an example for you: http://jsfiddle.net/5L5Cu/1/

    I think you can implement it easily 🙂

    Hi, thank you! First I tried this and the images where always vertical aligned, also in normal screen. But now I think it works! Yeey 🙂 thank you so much!

    (it only doesn’t work when I use my normal screen and I zoom in.. but that isn’t a problem I think.. right?!)

    Edit: Found another little problem. Now I use this table, there is extra white space under the table, before the footer. First it wasn’t there. Firebug tells me it isn’t any padding. It tells me the table becomes automatically a little too long. Can’t fix that it my CSS, right?

    Plugin Author Nextendweb



    Could you send me a link to this page to check? roland[@@@]nextendweb.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Sliders next to each other (horizontal)’ is closed to new replies.
Skip to toolbar