data-appear-animation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10035078
    durc
    Participant

    Hello, first of all thank you for this magnificent template.
    How can I activate the animations in responsive mode?
    Thank you.



    Template Version: medical 2
    #10035083
    Support
    Keymaster

    Hello, thanks for your purchase and the kind words!

    Here is the code you need to activate the animations on mobile:

    (js/custom.js):

    $.extend(theme.PluginAnimate.defaults, {
    	minWindowWidth: 0
    });

    * This way will enable mobile animation for all elements with data-appear-animation attribute.

    If you want animate a specific data-appear-animation, you should declare minWindowWidth at element level:

    <p class="mb-0" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300" data-plugin-options="{'minWindowWidth': 0}">Lorem ipsum dolor sit a met, ale quat. </p>

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads


    #10035142
    durc
    Participant

    Thank you very much, problem solved.


    #10035145
    Support
    Keymaster

    Hello,

    Great! 🙂

    If you need further assistance feel free to contact us.

    Kind Regards,

    Rodrigo.


    If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads


Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as "RESOLVED" and can not rceive new replies.