Custom CBC - Mobile Layout

Hello everyone,
I implemented a Custom CBC Exercice using "free Format". There are 12 tasks and 3 concepts per tasks. Below the concepts I added information regarding an attribute. Furthermore I added a Dual-Response None. For the "Mobile Layout" i chose "swipe concepts horizontally".

I did run a pretest using the swatooth hosting service. On the computer screen, the survey displays just fine. On the mobile phone the information text and the "dual-response none" is not displayed below the concepts. Instead one has to swipe to the right, which looks awful.

Regarding the Mobile Layout:
How can I put the information Text and the dual-response none below the concepts?

Here is the code for the information Text:

<br>
<center><p><font size="3" color="">[% BudgetRestriction %]<b>[% FormatNumber(Round(PriceMonthly, 2),".",",",2) %] €/Monat</b> ([% FormatNumber(Round(PriceMonthly, 2) * 12,".",",",2) %] €/Jahr).</font></p></center>


Here is the code for the dual-response none:
<center><div style="margin: 25px 15px 15px 15px;">
<p>Würden Sie von ihrem aktuellen Stromtarif zu dem ausgewählten Stromtarif wechseln?</p></b>
</div>
</center>
<div style="margin: 1% 1% 3% 35%;">
<input name="cbcTaskRandom1_none" type="radio" value="1" id="ja">
<label for="ja">Ja</label>
</div>

<div style="margin: 1% 30% 3% 1%;">
<input name="cbcTaskRandom1_none" type="radio" value="2" id="nein">
<label for="nein">Nein</label>
</div>

Thanks.

Resolved
5 replies