Flexslider 2 vertical thumbnail navigation

jquery slideshow carousel flexslider
M dunbavan picture M dunbavan · Aug 13, 2012 · Viewed 35.5k times · Source

I am developing a site using the Flexslider 2. I am trying to get the thumbnail nav to work vertically instead of its default horizontal navigation.

The problem at the moment is it works but I am finding there are a lot of bugs in the vertical nav working.

Has anyone tried this yet?

Any help would be much appreciated.

Cheers, Mark

Answer

ArleyM picture ArleyM · Sep 7, 2012

You can do this with some CSS rejigging. Not sure about doing this responsive all the way down, but for a large size this might be a good starting place. You'll also want to put a clearfix on .flexslider. 

.flex-viewport {width:80.5% !important;float:left;}
.flex-control-thumbs {width:19% !important;float:right;margin:0 !important;}
.flex-control-thumbs li {width:auto !important;}

Related questions

Bootstrap Carousel Transitions and Prev/Next Buttons Not Working

I'm trying to implement the twitter bootstrap carousel, and it's not working - it doesn't switch images automatically, AND the previous/next buttons don't work. I've tried switching to jquery 1.7.1 as suggested on Bootstrap Carousel Not Automatically Sliding and Bootstrap …

Read More
Owl-carousel responsive crop width on resize jquery css

I'm using owl carousel to create a gallery carousel/slide show on our main page. http://owlgraphic.com/owlcarousel/ But we want it to be responsive but not resize the image, instead crop the width equally up to a certain …

Read More
jquery simple image slideshow tutorial

Where can I find a simple jquery image slideshow tutorial for beginners from scratch (without plugins) without left and right navigation button? thank you.

Read More