How to insert 3 to 4 sliders next to each other in one line?

Thanks!

Hey Tom,

When looking at site on my iphone it somehow dwarfs the second two sliders. On my i pad and PC it looks fine.

Thoughts?

Erm, not sure! There will be an issue with your theme somewhere-we’ve tested Meta Slider on loads of different phones. I’m afraid I can’t really justify spending time on debugging iPhone issues as part of the free support (plus I don’t have an iPhone myself)

Regards
Tom.

Hey guys.

I am trying to use the css addition to get two sliders in the same line (side by side) to no avail. The second slider is placed under the first. Any ideas?


.metaslider {
float: left;
margin-right: 10px;
margin-top: 10px;
}


Regards,
Nick

Hi Tom,

Just tried out the CSS you give above to put a slider on a page and wrap the text. While I get the wrap right away, the margins don’t act in any way, however large I try to make them. What am I doing wrong?

Valerie

Hi Valerie,

Could you send me a link to your site please?

Regards
Tom

Hi Tom,

Actually, this did the trick:

.metaslider {
float: left;
margin-left: 0px !important;
margin-right: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

It’s on a site I am building right now. I’m still just messing about, but you can see it here

I’m trying to decide whether to go wider – no wrap but will look ok on mobile devices – or narrower, so when it wraps on a mobile device there will be enough text on the right side for it not to look silly. Is there some CSS that would give me the wrap on a regular monitor, but no wrap on a mobile device (even an iPad in landscape)?

Thanks! Your support is great!

Valerie