Turn Testimonials Slider Arrows on Permanently

[[email protected]]

Hi guys,
I wanted to know it it is either possible to disable the swipe and just have the arrows visible the whole time on the testimonial slider for all devices (Pad, Phone Desktop).
Or alternatively just switch the arrows on permanently so they are visible on mobile and tablet.
I need to make it more obvious on pads and phones that you can swipe.
Thanks
Adam

[Cosmin – SUPPORT]

Hi Adam,

Try editing your slider, go To Slider Settings and, in the Navigation dropdown, there should be a “Always show navigation” option.

Regards,
————————————————————————————————————
Cosmin
Support Assistant

[[email protected]]

Hi Cosmin

Thanks for this but that is for the main sliders. The bit that I would like the Nav buttons always on is on the testimonials slider widget (not the main slider). Is there a way to do this?

Thanks

Adam

[Swift Ideas – Ed]

Sure, you can use the following css within Flexform Options > General Options > Custom CSS:

.testimonials-slider .flex-direction-nav a {
opacity: 1!important;
filter: alpha(opacity=100)!important;
}

– Ed

[[email protected]]

Hi Ed,

Thanks for this.

This turns the nav buttons on for desktops which is great but the arrows still aren’t on permanently on mobile devices. Is there any way to get them permanently on for all size of device?

 

Cheers

 

Adam

[Cosmin – SUPPORT]

Hi Adam,

You would need to specify that for mobile resolutions as well. Duplicate it, like this:

@media only screen and (max-width: 768px) {
.testimonials-slider .flex-direction-nav a {
opacity: 1!important;
filter: alpha(opacity=100)!important;
}
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[[email protected]]

Hi Ed,

Im so sorry but I must be missing something.

I pasted that code into the same area but the arrows still automatically turn off when the width is smaller than 768px. Even if I adjust the pix width to something smaller it doesnt seem to keep the arrows turned on on iPhone or mobiles.

Thanks

Adam

[Swift Ideas – Ed]

Sorry, the correct code to keep it showing on mobile devices as well, you’d need to add this code:

.testimonials-slider .flex-direction-nav {
display: block!important;
}

– Ed