analyticalmadness

@kbat82

Worked perfectly. Thanks once again!

@kbat82

Hi,

Well, I switched to a different type of slider (Rslides instead of FlexSlider) which doesn’t have the problem. I think I prefer the look of FlexSlider though.

I have currently switched back over to FlexSlider so you can check it out. It’s also currently in “No Conflict Mode” but sadly that doesn’t appear to be helping.

Hey, had a quick follow-up question, if you don’t mind.

When the sliders are positioned next to each other and I’m using FlexSlider something very odd happens where it alternates quickly, automatically and continuously between the “next” arrow on the first slider and the “previous” arrow on the second slider so long as you hover over the arrow with your mouse.

I can only seem to fix it by making both sliders significantly smaller so that there’s about 30 pixels between them or by switching to a different slider, but neither of these options suit what I’m trying to do very well.

Is there any way I can stop this from happening without putting the sliders further apart or using a different type of slider?

I actually ended up just floating both to the left and then using a margin.

.metaslider-265, .metaslider-271 {
float: left;
margin-left: 2px;
}

And now it works perfectly. Anyway, thanks for the help and I wish you guys all the luck in the world with your very useful plugin. ??

Just did that. ??

Although if you don’t mind, a small issue has popped up. The trick works, but when I make my browser window smaller the slider on the left becomes smaller while the slider on the right stays the same size.

I wanted a small gap between the two sliders so the actual code I used was just:
.metaslider-265 {
float: right;
}

Afterwards I also tried:
.metaslider-265 {
float: right;
}

.metaslider-271 {
float: left;
}

But while that made it so that it no longer got smaller, it now looks really odd when I adjust the size of my browser window.

Any idea on what I can do about this?

That seems to have done the trick, thank you!