CODEWITHSUNDEEP
jqueryflexslider
Win
Win

Reputation: 62260

Move Flexslider navigation buttons to outside

Is there a setting to move both prev and next navigation buttons outside of flexslider, and always visible?

Those buttons used to be located outside; somehow new release has changed the layout.

enter image description here

I found an old question flexslider - controling div outside of slider. I would like to find out this is the only option I have before implementing it.

Thanks!

Upvotes: 10

Views: 11003

Answers (2)

Win
Win

Reputation: 62260

Here is the solution I found. It works for FlexSlider v2.1.

It basically moved the navigation buttons outside of the slider image.

.flex-direction-nav .flex-next { right: 0 !important; margin-right: -30px; 
   opacity: 1 !important; }

.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; 
   margin-left: -30px; }

.flexslider { width: 90%; margin: 0 auto; }

Credit to box86rowh.

Upvotes: 13

box86rowh
box86rowh

Reputation: 3415

Why not just use css to position them? Find out their class or id, and then set the left and or right position with css to move them to the desired location.

Upvotes: 3

Related Questions