Articles in this section

See more

Disabling motion for mobile devices (Semplice 4)

  • Updated

This is a hack for Semplice 4. We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.

There's not a way to disable animations for mobile currently in Semplice. That said, we do have a way you can do it with a little CSS.

1. Just add the classname 'disable-motion-for-mobile' in your Column Styles area to any column you want to remove motion on.

2. Now add the following CSS under Customize > Advanced > Custom CSS > Mobile in Semplice:

.disable-motion-for-mobile {
    transform: none !important;
    opacity: 1 !important;
}

 

If you are using Motion event that is set to 'on-scroll,' you may need to remove the 'padding-top' property, in which case you can your modify your code to look like this:

 

.disable-motion-for-mobile {
    transform: none !important;
    opacity: 1 !important;
    padding-top: 0 !important;
  }

 

Disable "Sticky" motion on mobile

The sticky motion works a bit different from other motions so instead of the code above use the following one:

.disable-motion-for-mobile {
  transform: none !important;
  position: static !important;
  opacity: 1 !important;
  padding-top: 0 !important;
}

Make sure to add the "disable-motion-for-mobile" class name to the element that uses that motion feature.

Related articles