1) The template does not deliver a "mobile" version depending on device, it simply responds to screen width.
To stop the arrays from responding to screen width, add something like this to the end of
template.js:
Code:
$(document).ready(function(){
$('.no-more-tables td.visible-xs, .no-more-tables span.visible-xs-block').remove();
$('.no-more-tables').removeClass('no-more-tables');
});
To enforce a minimum width for the survey elements, add something like this to the end of
template.css
Code:
#outerframeContainer,
#topsurveymenubar {
min-width: 900px;
}
2) I don't know why you want to redirect to the end page. You could simply place two elements in the welcome message - one shown on large screens, one shown on smaller screens - and hide the "Next" button on smaller screens.
Something like this in the welcome message:
Code:
<p class="over-900">This is the welcome message for large screens.</p>
<p class="under-900">Your device is too small. Please try again on a larger screen.</p>
And something like this at the end of
template.css:
Code:
.under-900 {
display: none;
}
@media only screen and (max-width: 900px) {
.over-900 {
display: none;
}
.under-900 {
display: block;
}
#movenextbtn,
#movesubmitbtn {
display: none;
}
}
