Streaming live at 10am (PST)

Best practices for removing interactions for mobile


#1

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]
* http://forum.webflow.com/t/how-to-disable-interactions-for-mobile-devices/23027
* http://forum.webflow.com/t/how-to-limit-an-interaction-to-a-break-point-or-device-in-webflow/8029
* http://forum.webflow.com/t/interactions-not-being-disabled-when-element-is-hidden/28029
* http://forum.webflow.com/t/disable-interactions-based-on-media-query/6287


Navbar Trigger Interaction affects desktop layout
#2

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. :wink::+1:


#3

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


#4

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.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.