Disable on mobile

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Arya Dhiratara

    (@aryadhiratara)

    Hi @mikemastrox

    Please update the plugin. I’ve added css to disable the animations on mobile and/or desktop devices (per element basis). Simply add?aoswp-disable-desktop?class name to disable the animation on device larger than 767px, or add?aoswp-disable-mobile?class name to disable the animation on device smaller than 766px.

    To disable the animations site-wide / per page basis on specific devices, add this to your css file:

    @media ( your media query ) {
	
	html:not(.no-js) .aoswp-enabled [data-aos] {
		opacity: 1!important;
		-webkit-transform: none!important;
		transform: none!important;
		transition: none!important;
		transition-timing-function: unset!important;
		transition-duration: unset!important;
		transition-property: none!important;
	}
	
}

    *I added this also in the plugin description

    Hope this helps!

    Thank you for using this plugin ??

    Thread Starter Michele

    (@mikemastrox)

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Disable on mobile’ is closed to new replies.