disable 3d hover on smaller viewports

OSURoboticsClub · Sep 24, 2024 · 7687601 · 7687601
1 parent 57a7747
commit 7687601
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/assets/js/app.js b/assets/js/app.js
@@ -31,19 +31,20 @@ document.getElementById("menuToggle").addEventListener("click", () => {
     }
 });
 
-// Universal Tilt
-UniversalTilt.init({
-    elements: document.querySelectorAll('[tilt]'),
-    settings: {
-        // options...
-        shine: true,
-        'shine-opacity': 0.5,
-        'shine-save': true,
-        scale: 1.2,
-        exclude: /(iPod|iPhone|iPad|Android)/
-    },
-    callbacks: {
-        // callbacks...
-    }
-});
+// Universal Tilt (only initialize on devices larger than 'sm' breakpoint)
+if (window.innerWidth > 640)
+    UniversalTilt.init({
+        elements: document.querySelectorAll('[tilt]'),
+        settings: {
+            // options...
+            shine: true,
+            'shine-opacity': 0.5,
+            scale: 1.2,
+            speed: 500,
+            exclude: /(iPod|iPhone|iPad|Android)/
+        },
+        callbacks: {
+            // callbacks...
+        }
+    });