Mobile Width Settings

Question

Hi guys, i am not sure about and the code from https://legacy.sawtoothsoftware.com/forum/32007/mobile-width-cutoff don't work for me.

I want to display screening and choice tournament of acbc in a smaller way.
Currently respondents have to scroll horizontal every time, even if I change the max task width or question width it does not modify anything.
I want no horizontal scrolling, maybe smaller font size or something else.. but I don't understand why Max width of task does not adapt the question to mobile view.

For your information: I am using the default survey style no custom.

Thanks guys.

Comments

That script is meant to change when certain built-in mobile functionality triggers for respondents, but that behavior only relates to select questions, grid questions, and CBC exercises.  I think having CBC-like mobile behavior for ACBC Screeners and ACBC Choice questions would be a good idea, but that's a large change and I don't know when I'd be able to get around to doing that.

---

I understand, it will be a big script - to adapt everything from CBC to ACBC.
But I just want to know why max width of the task does not work - a standard function?

---

If you're putting in a pretty low task width, my guess would be that the width of the texts in the task is forcing the task to be wider than the specified width.

---

Is there an opportunity to hide labels only in mobile view?

Answer 1

The attribute labels?  Sure, try this CSS:

<style>
@media only screen and (max-width: 800px) {
    #[% QuestionName() %]_div .inner_table > tbody > tr > td:first-child {
        display: none;
    }
}
</style>