Disable Wipe Down Reveal of Canvas Slider (fslider, a.k.a. FlexSlider 2)

Question

Hello,

I started with the example slider with carousel thumbnails then removed the carousel. Now the slider has a wipe down reveal transition instead of simply fading in. Here is the current code:

<div style="width:100%; padding-top:56%; position:relative; margin-top:5px;" id="FlexSlider02" class="fslider clearfix" data-pagi="false" data-speed="650" data-pause="3500" data-animation="fade" data-arrows="true">

The padding-top is used to reserve space for the slider so that the page layout does not change when the slider appears. Let me know if there is a better way to do this.

Thanks.

SemiColonWeb · Accepted Answer

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

shasan8 · Answer

I am not able to provide a URL because the site is behind a corporate firewall. Sorry.

shasan8 · Answer

Here is a video of the slider.

SemiColonWeb · Answer

Hello,

Here is the code that is causing this:

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

and this is the Default Code by Flex Slider. You can change the CSS according to your needs or remove it altogether.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.