Navigation
Archive / Remove feature box icon animation on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 9, 2017 at 2:51 am #1364012
    carbon14
    Participant

    Hi. On my site http://www.levelpersonal.no I have four services feature box with icon animations. How do I remove that effect on mobile devices.

    February 9, 2017 at 3:10 am #1364024
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To remove the animation in smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    @media(max-width: 767px){
  .x-feature-box .x-feature-box-graphic-outer,
  .x-feature-box .x-feature-box-graphic-outer.animated-hide {
    opacity: 1 !important;
    transition: none !important;
  }
}

    Hope this helps. Please let us know how it goes.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1364012 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>