Popup not on mobile browsers

Question

I have jquery popup which opens on all browsers from mobiles and pc. i don't want to show it on mobile browsers so how can i do that ?

function lightbox(){
$.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
            }

Thanks!

possible duplicate of [What is the best way to detect a handheld device in jQuery?](http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery) — mplungjan, Aug 23 '13 at 12:29

score 0 · Answer 1 · answered Aug 23 '13 at 12:30

0

You can try this:

function lightbox(){
if (screen.width <=700) #or whatever you want
  {
  $.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
  }
}

answered Aug 23 '13 at 12:30

Manolo

16,729
16
67
115

score 0 · Answer 2 · edited May 23 '17 at 10:25

0

Building on What is the best way to detect a mobile device in jQuery? you can do this

function lightbox(){
  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    return;
  }
  $.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
 }

edited May 23 '17 at 10:25

Community

1
1

answered Aug 23 '13 at 12:30

mplungjan

134,906
25
152
209

like i don't want to open popup on mobile browsers but i think using it will also not open popup on tablets. – Aryan Sareen Aug 23 '13 at 12:42
Last time I looked, most tablets use mobile browser :) – mplungjan Aug 23 '13 at 12:44

Popup not on mobile browsers

2 Answers2