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

orourkedevon

Member
  • Content Count

    4
  • Joined

  • Last visited

  1. 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 -->
  2. I made an adjustment to not center the image, which removed the small black space on top of the banner (although it doesn't scale the image when dragged causing another issue). Ideally, I'd like to disable the CSS on mobile all together. Below is the code - any guidance would be much appreciated! <!-- 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 -->
  3. Thanks, Brandon. Just added the site link: fluviomarketing.com.
  4. 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 on mobile where the banner has a small black section on top before the banner image begins. 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: true }); } }); </script> <!-- end Parallax -->
×
×
  • Create New...