Disable class for a particular viewport?

johnsherwin · March 20, 2018, 6:58pm

Hi, I have added a class .swipe to the body of pages that calls custom code to allow the user to swipe between pages. Is it possible to add the class to the body of on Tablet, Mobile landscape and Mobile portrait but not desktop? I want to stop user swiping on desktop with mouse action (eg. selecting text)

aaronocampo · March 21, 2018, 12:26am

One workaround could be duplicate your section/elements and disable the view for desktop/mobile at your convenience?

samliew · March 21, 2018, 12:50am

<script>
// Add swipe class to body when width < 960
$('body').toggleClass('swipe', $('body').width() < 960);
</script>

johnsherwin · March 21, 2018, 8:13pm

Thanks samliew, you keep saving me! Here is a link to my website which went live today, all built in webflow! http://www.johnsherwin.design/ Will continue to fix it up and add some more stuff over the next few days, the forum here has been of great help.