There are no configuration options that could be used to achieve this but it could be done with JavaScript as follows.
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var a, b, c;
var thresholdWidth = 700;
var tracker = false;
function loadGallery(a, b, c) {
new juicebox({
containerId: "juicebox-container",
maxThumbColumns: a,
maxThumbRows: b,
thumbsPosition: c
});
tracker = true;
}
function thumbsStatus() {
var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
if (windowWidth < thresholdWidth && (c === 'LEFT' || tracker === false)) {
a = '10'; // maxThumbRows
b = '1'; // maxThumbColumns
c = 'BOTTOM'; // thumbsPosition
loadGallery(a, b, c);
}
if (windowWidth >= thresholdWidth && (c === 'BOTTOM' || tracker === false)) {
a = '3'; // maxThumbRows
b = '3'; // maxThumbColumns
c = 'LEFT'; // thumbsPosition
loadGallery(a, b, c);
}
}
$(document).ready(function() {
thumbsStatus();
$(window).resize(thumbsStatus);
});
</script>I hope this helps.