Hi guys
I have a dropdown list in a form format that looks like this:
<form name="linkForm" method="POST" action="" id="form">
<p align="left"><select name="mydropdown" class="styled" onchange="document.getElementById('form').setAttribute('action', this.value); document.linkForm.submit(); " style="width: 235px; margin-left: -15px;"><option value="/index.php/menu/main-menu/starters">JUMP TO YOUR STORE</option>
<option value="/index.php/restaurants/gauteng/alberton">ALBERTON</option>
<option value="/index.php/restaurants/gauteng/cedar">CEDAR</option>
<option value="/index.php/restaurants/gauteng/comaro">COMARO</option>
<option value="/index.php/restaurants/gauteng/cresta">CRESTA</option>
<option value="/index.php/restaurants/gauteng/dainfern">DAINFERN</option><</select>
</p>
</form>
But when I view this form on a mobile device (android), it’s not bringing up the mobile listview, instead it’s showing a tiny dropdown, like it would on desktop.
Could anyone recommend a way to make this responsive for mobile?
Regards
B