Docs

[smithmconnor]

Hello! My testers have recently given me feedback that only the start of the home page loads on mobile and the only way to get around this is to click on one of the one page navigation links, and then the page completely loads w/o animations. I believe this is a problem with animations on mobile. How do I completely disable animations for all mobile devices? Below is my theme and WordPress info.

WordPress Verison: 4.0.1
Theme Version: 3.0.1
Shortcodes Version: Latest
Link: http://cmscyber.com

[Zeshan]

Hi there,

Thanks for writing in!

Upon testing your website on an iPhone 5, I’m unable to replicate any issue. However, if you would like to disable the column animations on mobiles, please add following code under Custom > CSS in the Customizer:

@media (max-width: 767px) {
   .js .x-column[data-fade="true"] {
       opacity: 1 !important;
   }

   .js .x-column[data-fade="true"][data-fade-animation="in-from-right"] {
       right: 0px !important;
   }

   .js .x-column[data-fade="true"][data-fade-animation="in-from-left"] {
       left: 0px !important;
   }
}

Hope this helps. 🙂

Thank you.

[Leanna]

that code worked for me too great job!

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts