Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
orourkedevon

Disabling custom code injection on mobile only

Question

Hi, does anyone know if you can disable custom code for mobile only? I have added the below code to enable parallax scrolling, but it is causing an error an issue on mobile where the page won't scale the image when dragging down. Hoping there is a way to disable this code on mobile only so parallax scrolling works on desktop web at least. Here is the page: https://www.fluviomarketing.com/ 

<!-- Parallax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image';
    if (document.querySelector(targets)) {
      var rellax = new Rellax(targets, {
        speed: -6,
        center: false
      });
    }
  });
</script>
<!-- end Parallax -->

Share this post


Link to post

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...