How to add a script on mobile version only?


#1

As title said, How to add a script on mobile version only?

How can i do it?

For some javascript effect, i only want it appear on mobile version.

Can any body know how to set up?

Thank you !


#2

Hi @Elvis_Liou,

You are going to have to write your scripts to “target” window sizes below 600px which is the current break-point for the mobile view.


#3

I would use media detection in:

$( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)");

    if (isMobile.matches) {
        //Conditional script here
    }
 });

There’s a great thread here.