Mobile markup

Hi there,

To clarify: I believe you're trying to stack the radio button choices vertically on mobile? This should be doable w/ CSS.

Can you link us to the page in question?

Hi Elvin,

The code is placed inside the Attachment.php template:

<form>
<p style="margin-bottom: 0.3em">
	<input type="radio" id="eachportrayal" name="portrayalidentity">
	<label for="eachportrayal"> display each number</label>
	<input type="radio" id="activeportrayal" name="portrayalidentity">
	<label for="activeportrayal"> display active number</label>
	<span class="hidden idportrayals">
	<input type="radio" id="offportrayals" name="portrayalidentity" checked="checked">
	<label for="offportrayals"> off</label>
	</span></p>
</form>

Also pls refer to link in Private field

Consider adding <br> after every label element so the next element after it goes to the next line.

Example:

<form>
<p style="margin-bottom: 0.3em">
	<input type="radio" id="eachportrayal" name="portrayalidentity">
	<label for="eachportrayal"> display each number</label><br>
	<input type="radio" id="activeportrayal" name="portrayalidentity">
	<label for="activeportrayal"> display active number</label><br>
	<span class="hidden idportrayals">
	<input type="radio" id="offportrayals" name="portrayalidentity" checked="checked">
	<label for="offportrayals"> off</label>
	</span></p>
</form>

Or wrap each input + label element like what you did on this part.

<span class="hidden idportrayals">
	<input type="radio" id="offportrayals" name="portrayalidentity" checked="checked">
	<label for="offportrayals"> off</label>
</span>