Best practices for removing interactions for mobile

[efburke (Eugene Burke)]

I’ve perused the forums and discovered a variety of work arounds but am curious if there is a best practice here. The best I’ve read seems to be simply hiding the interactive pieces (if that’s all it takes) or literally duplicating everything, hiding one set, and then disabling animations on the other in the desired screen sizes.

Any better ways to do this?

Continuing the discussion from [How to Disable Interactions for Mobile Devices…and others]

• How to Disable Interactions for Mobile Devices - Animations & Interactions - Forum | Webflow
• http://forum.webflow.com/t/how-to-limit-an-interaction-to-a-break-point-or-device-in-webflow/8029
• Interactions Not Being Disabled when Element is Hidden - Animations & Interactions - Forum | Webflow
• Disable interactions based on media query - Product feedback - Forum | Webflow

[coolest_vlad (Vlad Radchenko)]

I think the method you stated above (duplicate the content) is the best practice. But that’s my opinion. It would be interesting what other techniques Webflow users use.

[efburke (Eugene Burke)]

Awesome, thanks! Hopefully someone has come up with something new

[AlexN (Alex Nichol)]

This is currently the best practice. The interactions are added to the HTML so the only way to hide it on different media queries is to hide the HTML element.