I see what you're saying.  I don't think it's a good strategy to individually target a specific device.  There's quite a few methods that will return the screen and viewport values consistent enough with @media to set breakpoints that should work on every computer and device not using an ancient browser.

In my case, since I'll already be using jquery for other parts, I could leverage  $(window).width() and $(window).height() to tell when to switch.

This is your product and I'm pretty certain you're more knowledgeable in this area than I am, but it seems like the way you guys are determining when to switch to small screen mode is an older way of thinking that is not consistent with all the new devices currently out and that will be coming out. 

Thanks for the info Steven ... I'm going to take a look at some other fully responsive solutions first and compare them to Juicebox before I decide which way to go.  Thanks again.

Steven - Okay, did some quick checking and here's why the Nexus 7 returns 601 x 906 in portrait mode:

http://scaledrop.net/mediaqueries-for-a … d-devices/

http://cssmediaqueries.com/what-are-css … eries.html

I see.  After running some tests on my desktop, can I assume you're not looking at the actual browser size, but the overall screen size?  I assume that because using the Web Developer plugin to set my desktop browser to 480x640, your demos still render in large screen mode.  Is there a way to change that to look at the actual browser size?  And is it possible to change the resolution that the Juicebox switched from LSM to SSM?

I could see how it would be possible in javascript to force it on the gallery page, but I don't think I have that option with the Wordpress Plugin.

Thank you.

I've been trying out the Juicebox Wordpress plugin and thought I was having an issue related to Wordpress or the theme I'm using.  The gallery looks great on desktop and when I access it on my smartphone, the gallery switches into small screen mode.  However, when I access the gallery with my Nexus 7, the gallery stays in large screen mode and reduces the shown image to almost the size of a thumbnail instead of going into small screen mode.

I just accessed the Juicebox site and checked the demos with my Nexus.  The Juicebox-Pro "Simple" demo does exactly the same thing.  Showing a 3x3 grid of thumbnails and a small main image about twice the width of the thumbnail matrix and not quite the height.  When I access the same demo with my phone, it goes into small screen mode.

If I go to http://www.whatismybrowser.com on the Nexus, it shows a computer screen resolution of 601x906 pixels and a browser size of 601x793 pixels.

Any idea why this doesn't go into small screen mode with that resolution?  Thank you.