We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Slide Content not animating

Featured Lock Resolved Issue
Hi Guys,

Bit of a weird one here. I have a slideshow on the homepage of this website
https://crcore.org.au/

and for some weird reason, the slide content isn't animating. I've checked all the setting against the quickstart and can't see any reason as to why this wouldn't be working.

Any ideas as to why only the slide content isn't animating?

3 Answers

Toufiq - Staff

4 weeks ago #Permalink
Hi there,

Thanks for contacting us. Sorry for the inconvenience. I have checked the slider and it works fine with tex of animation. Can you share a screencast video? If you want a screencast video, then i can share with you.

-Thanks
This is true however only the H1 element and the button animation was working.

I have actually figured out what the issue is.

Because I wanted to hide the slider main text on mobile devices, within the content area of the slider I added


<p class="hidden-xs">


to the text within the slide content. This was creating a separate <p> tag, so the animation within

<p class="details fadeInUp sppb-wow fadeInUp" data-sppb-wow-duration="700ms" data-sppb-wow-delay="400ms" style="visibility: hidden; animation-duration: 700ms; animation-delay: 400ms; animation-name: none;"></p>


tag wasn't firing.

Have removed this and now the slider content animation is working as expected.

Toufiq - Staff

4 weeks ago #Permalink
This is true however only the H1 element and the button animation was working.

I have actually figured out what the issue is.

Because I wanted to hide the slider main text on mobile devices, within the content area of the slider I added


<p class="hidden-xs">


to the text within the slide content. This was creating a separate <p> tag, so the animation within

<p class="details fadeInUp sppb-wow fadeInUp" data-sppb-wow-duration="700ms" data-sppb-wow-delay="400ms" style="visibility: hidden; animation-duration: 700ms; animation-delay: 400ms; animation-name: none;"></p>


tag wasn't firing.

Have removed this and now the slider content animation is working as expected.


Great :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333263

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us